fix: showing settings page

frontend/src/components/app-wrapper/topbar.tsx

@@ -1,6 +1,6 @@
 import { ProcessingImages } from "@components/notifications/ProcessingImage";
-import { useLocation, useNavigate } from "@solidjs/router";
-import { IconArrowLeft } from "@tabler/icons-solidjs";
+import { A, useLocation, useNavigate } from "@solidjs/router";
+import { IconArrowLeft, IconSettings } from "@tabler/icons-solidjs";
 import { Component, Show } from "solid-js";
 
 export const Topbar: Component = () => {
@@ -16,7 +16,12 @@ export const Topbar: Component = () => {
 			</Show>
 			<h1 class="font-bold text-2xl">Haystack</h1>
 			<div class="ml-auto">
-				<ProcessingImages />
+				<div class="flex items-center gap-2">
+					<ProcessingImages />
+					<A href="/settings" class="w-16 h-16 flex items-center">
+						<IconSettings />
+					</A>
+				</div>
 			</div>
 		</div>
 	);