fix icon ui

src/App.vue

@@ -1,6 +1,10 @@
 <script setup lang="ts">
 import SortDropdown from "./components/SortDropdown.vue";
-import { browserIconOptions, browserIconSrc } from "./features/browser-assistant/icons";
+import {
+  browserIconOptions,
+  browserIconSrc,
+  configurationIconSrc,
+} from "./features/browser-assistant/icons";
 import { useBrowserAssistant } from "./features/browser-assistant/useBrowserAssistant";
 
 const {
@@ -87,7 +91,9 @@ const {
         type="button"
         @click="page = 'configuration'"
       >
-        <div class="browser-nav-icon config-nav-icon">CF</div>
+        <div class="browser-nav-icon config-nav-icon">
+          <img :src="configurationIconSrc" alt="Configuration icon" />
+        </div>
         <div class="browser-nav-body">
           <strong>Configuration</strong>
           <span>Manage custom scan sources and paths</span>