add font settings (but font family doesn't work)

src/App.vue

@@ -3,9 +3,12 @@ import { useRequestStore } from './stores/requestStore';
 import RequestPanel from './components/RequestPanel.vue';
 import ResponsePanel from './components/ResponsePanel.vue';
 import MethodBadge from './components/MethodBadge.vue';
-import { History, Layers, Zap } from 'lucide-vue-next';
+import SettingsModal from './components/SettingsModal.vue';
+import { History, Layers, Zap, Settings } from 'lucide-vue-next';
+import { ref } from 'vue';
 
 const store = useRequestStore();
+const showSettings = ref(false);
 </script>
 
 <template>
@@ -52,6 +55,16 @@ const store = useRequestStore();
           </button>
         </div>
       </div>
+
+      <!-- Settings -->
+      <div class="p-2 border-t border-slate-800">
+        <button 
+          @click="showSettings = true"
+          class="w-full flex items-center gap-2 px-3 py-2 text-xs font-medium text-slate-400 hover:text-slate-200 hover:bg-slate-900 rounded transition-colors"
+        >
+          <Settings class="w-4 h-4" /> Settings
+        </button>
+      </div>
     </aside>
 
     <!-- Main Workspace -->
@@ -63,5 +76,7 @@ const store = useRequestStore();
         <ResponsePanel />
       </div>
     </main>
+
+    <SettingsModal v-if="showSettings" @close="showSettings = false" />
   </div>
 </template>