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
This commit is contained in:
seriouselly
2026-06-06 02:15:43 +07:00
parent 5129bbe958
commit 9f9098b91b
14 changed files with 137 additions and 41 deletions
+1 -1
View File
@@ -26,7 +26,7 @@ export function LibraryPage() {
return (
<div className="space-y-6">
<div className="flex items-center justify-between gap-4">
<div className="flex flex-col sm:flex-row items-start sm:items-center justify-between gap-3 sm:gap-4">
<div>
<h1 className="text-2xl font-bold text-emerald-800">Pustaka Penyakit</h1>
<p className="text-gray-500 mt-1 text-md">