feat(mobile-nav): enhance responsive sidebar with user info and auth actions

- Remove userRole prop, read user directly from auth store
- Add user info section (avatar, name, email) when logged in
- Add Masuk/Daftar buttons at bottom when unauthenticated
- Add Keluar button with loading state when authenticated
- Add tagline under logo in sidebar header
- Add backdrop blur effect for better visual depth
- Use flex-col layout for consistent spacing at any height

apps/web/src/pages/diagnoses-page.tsx

@@ -114,7 +114,7 @@ export function DiagnosesPage() {
           ))}
         </select>
 
-        <div className="ml-auto text-sm text-muted-foreground">
+        <div className="w-full sm:w-auto sm:ml-auto text-sm text-muted-foreground">
           Total: {filtered.length}
         </div>
       </div>
@@ -150,7 +150,7 @@ export function DiagnosesPage() {
                     <img
                       src={d.imageUrl}
                       alt="Daun"
-                      className="h-24 w-24 rounded-md object-cover bg-muted"
+                      className="h-16 md:h-24 w-16 md:w-24 rounded-md object-cover bg-muted shrink-0"
                     />
                     <div className="flex-1 min-w-0">
                       <div className="flex items-center justify-between gap-2">