fix extra titles

src/App.vue

@@ -152,18 +152,16 @@ onMounted(() => {
 <template>
   <div class="app-shell">
     <aside class="sidebar">
-      <div class="sidebar-header">
-        <p class="eyebrow">Desktop Utility</p>
-        <h1>Browser Assistant</h1>
-        <p class="sidebar-copy">
-          Scan local Chromium profiles, extensions, and bookmarks in one place.
-        </p>
+      <div class="sidebar-toolbar">
+        <div class="sidebar-title-group">
+          <h1>Browser Assistant</h1>
+          <p>Local Chromium profile manager</p>
+        </div>
+        <button class="refresh-button" type="button" @click="scanBrowsers">
+          {{ loading ? "Scanning..." : "Refresh" }}
+        </button>
       </div>
 
-      <button class="refresh-button" type="button" @click="scanBrowsers">
-        {{ loading ? "Scanning..." : "Refresh Data" }}
-      </button>
-
       <div v-if="browsers.length" class="browser-nav">
         <button
           v-for="browser in browsers"
@@ -176,11 +174,7 @@ onMounted(() => {
           <div class="browser-nav-icon">{{ browserMonogram(browser.browserId) }}</div>
           <div class="browser-nav-body">
             <strong>{{ browser.browserName }}</strong>
-            <span>
-              {{ browser.stats.profileCount }} profiles ·
-              {{ browser.stats.extensionCount }} extensions ·
-              {{ browser.stats.bookmarkCount }} bookmarks
-            </span>
+            <span>{{ browser.dataRoot }}</span>
           </div>
         </button>
       </div>
@@ -204,30 +198,6 @@ onMounted(() => {
       </section>
 
       <template v-else-if="currentBrowser">
-        <header class="hero-card" :class="currentBrowser.browserId">
-          <div class="hero-main">
-            <p class="eyebrow">Current Browser</p>
-            <h2>{{ currentBrowser.browserName }}</h2>
-            <p class="hero-copy">
-              Local data root: <span>{{ currentBrowser.dataRoot }}</span>
-            </p>
-          </div>
-          <div class="hero-stats">
-            <div class="stat-card">
-              <span>Profiles</span>
-              <strong>{{ currentBrowser.stats.profileCount }}</strong>
-            </div>
-            <div class="stat-card">
-              <span>Extensions</span>
-              <strong>{{ currentBrowser.stats.extensionCount }}</strong>
-            </div>
-            <div class="stat-card">
-              <span>Bookmarks</span>
-              <strong>{{ currentBrowser.stats.bookmarkCount }}</strong>
-            </div>
-          </div>
-        </header>
-
         <section class="section-tabs">
           <button
             class="section-tab"
@@ -259,14 +229,6 @@ onMounted(() => {
         </section>
 
         <section v-if="activeSection === 'profiles'" class="content-section">
-          <div class="section-heading">
-            <div>
-              <p class="eyebrow">Profiles</p>
-              <h3>User Profiles</h3>
-            </div>
-            <span class="count-pill">{{ currentBrowser.profiles.length }}</span>
-          </div>
-
           <div v-if="currentBrowser.profiles.length" class="stack-list">
             <article
               v-for="profile in currentBrowser.profiles"
@@ -296,14 +258,6 @@ onMounted(() => {
         </section>
 
         <section v-else-if="activeSection === 'extensions'" class="content-section">
-          <div class="section-heading">
-            <div>
-              <p class="eyebrow">Extensions</p>
-              <h3>Installed Extensions</h3>
-            </div>
-            <span class="count-pill">{{ currentBrowser.extensions.length }}</span>
-          </div>
-
           <div v-if="currentBrowser.extensions.length" class="stack-list">
             <article
               v-for="extension in currentBrowser.extensions"
@@ -357,14 +311,6 @@ onMounted(() => {
         </section>
 
         <section v-else class="content-section">
-          <div class="section-heading">
-            <div>
-              <p class="eyebrow">Bookmarks</p>
-              <h3>Saved Bookmarks</h3>
-            </div>
-            <span class="count-pill">{{ currentBrowser.bookmarks.length }}</span>
-          </div>
-
           <div v-if="currentBrowser.bookmarks.length" class="bookmark-list">
             <article
               v-for="bookmark in currentBrowser.bookmarks"