fix settings button path on single user mode (#383)

Co-authored-by: timothycarambat <rambat1010@gmail.com>

frontend/src/components/Sidebar/index.jsx

@@ -274,9 +274,12 @@ export function SidebarMobileHeader() {
 }
 
 function SettingsButton() {
+  const { user } = useUser();
   return (
     <a
-      href={paths.settings.system()}
+      href={
+       !!user?.role ? paths.settings.system() : paths.settings.appearance()
+      }
       className="transition-all duration-300 p-2 rounded-full text-white bg-sidebar-button hover:bg-menu-item-selected-gradient hover:border-slate-100 hover:border-opacity-50 border-transparent border"
     >
       <Wrench className="h-4 w-4" weight="fill" />