Convert NotebookResultCount to tailwind

src/sidebar/components/NotebookResultCount.js

@@ -38,26 +38,28 @@ function NotebookResultCount({
   const threadCount = rootThread.children.length;
 
   return (
-    <div className="hyp-u-layout-row NotebookResultCount">
+    <div className="flex gap-x-1 leading-none">
       {isLoading && <Spinner size="small" />}
       {!isLoading && (
-        <h2>
-          {!hasResults && <strong>No results</strong>}
+        <h2 className="font-bold">
+          {!hasResults && <span>No results</span>}
           {hasResults && isFiltered && (
-            <strong>
+            <span>
               {matchCount} {matchCount === 1 ? 'result' : 'results'}
-            </strong>
+            </span>
           )}
           {hasResults && !isFiltered && (
-            <strong>
+            <span>
               {threadCount} {threadCount === 1 ? 'thread' : 'threads'}
-            </strong>
+            </span>
           )}
         </h2>
       )}
-      {hasForcedVisible && <h3>(and {forcedVisibleCount} more)</h3>}
+      {hasForcedVisible && (
+        <h3 className="italic font-normal">(and {forcedVisibleCount} more)</h3>
+      )}
       {!isFiltered && hasResults && (
-        <h3>
+        <h3 className="italic font-normal">
           ({visibleCount} {visibleCount === 1 ? 'annotation' : 'annotations'})
         </h3>
       )}

src/styles/sidebar/components/NotebookResultCount.scss

-@use '../../variables' as var;
-@use '../../mixins/layout';
-
-.NotebookResultCount {
-  @include layout.horizontal-rhythm;
-  // Normalize line height to ensure vertical stability (no jumping around)
-  line-height: 1;
-
-  & h2 {
-    strong {
-      font-weight: bold;
-      font-style: normal;
-    }
-  }
-
-  & h3 {
-    font-style: italic;
-  }
-}

src/styles/sidebar/components/_index.scss

@@ -15,7 +15,6 @@
 @use './Menu';
 @use './MenuItem';
 @use './MenuSection';
-@use './NotebookResultCount';
 @use './PaginationNavigation';
 @use './StyledText';