op ui

src/App.vue

@@ -73,31 +73,25 @@ const {
         <p>No supported Chromium browser data was found yet.</p>
       </div>
 
+      <button
+        class="browser-nav-item utility sidebar-utility-nav"
+        :class="{ active: page === 'configuration' }"
+        type="button"
+        @click="page = 'configuration'"
+      >
+        <div class="browser-nav-icon config-nav-icon">CF</div>
+        <div class="browser-nav-body">
+          <strong>Configuration</strong>
+          <span>Manage custom scan sources and paths</span>
+        </div>
+      </button>
+
       <button class="refresh-button sidebar-refresh" type="button" @click="refreshAll">
         {{ loading || configsLoading ? "Refreshing..." : "Refresh" }}
       </button>
     </aside>
 
     <main class="content-panel">
-      <section class="page-tabs">
-        <button
-          class="page-tab"
-          :class="{ active: page === 'browserData' }"
-          type="button"
-          @click="page = 'browserData'"
-        >
-          Browser Data
-        </button>
-        <button
-          class="page-tab"
-          :class="{ active: page === 'configuration' }"
-          type="button"
-          @click="page = 'configuration'"
-        >
-          Configuration
-        </button>
-      </section>
-
       <template v-if="page === 'configuration'">
         <section class="content-scroll-area">
           <section class="content-section">