refactor(ui): separate views for instance settings to separate paths to make it cleaner

resources/views/components/settings/navbar.blade.php

@@ -5,19 +5,19 @@
         <nav class="flex items-center gap-6 min-h-10 whitespace-nowrap">
             <a class="{{ request()->routeIs('settings.index') ? 'dark:text-white' : '' }}"
                 href="{{ route('settings.index') }}">
-                <button>Configuration</button>
+                Configuration
             </a>
             <a class="{{ request()->routeIs('settings.backup') ? 'dark:text-white' : '' }}"
                 href="{{ route('settings.backup') }}">
-                <button>Backup</button>
+                Backup
             </a>
             <a class="{{ request()->routeIs('settings.email') ? 'dark:text-white' : '' }}"
                 href="{{ route('settings.email') }}">
-                <button>Transactional Email</button>
+                Transactional Email
             </a>
             <a class="{{ request()->routeIs('settings.oauth') ? 'dark:text-white' : '' }}"
                 href="{{ route('settings.oauth') }}">
-                <button>OAuth</button>
+                OAuth
             </a>
             <div class="flex-1"></div>
         </nav>

resources/views/components/settings/sidebar.blade.php

@@ -0,0 +1,8 @@
+<div class="flex flex-col items-start gap-2 min-w-fit">
+    <a class="menu-item {{ $activeMenu === 'general' ? 'menu-item-active' : '' }}"
+        href="{{ route('settings.index') }}">General</a>
+    <a class="menu-item {{ $activeMenu === 'advanced' ? 'menu-item-active' : '' }}"
+        href="{{ route('settings.advanced') }}">Advanced</a>
+    <a class="menu-item {{ $activeMenu === 'updates' ? 'menu-item-active' : '' }}"
+        href="{{ route('settings.updates') }}">Updates</a>
+</div>