fix: increase toast z-index and set theme dropdown default value

Reviewed-on: #41

.env.local

@@ -1 +1 @@
-NEXT_PUBLIC_COMMIT_SHA=b5fc053
+NEXT_PUBLIC_COMMIT_SHA=e5bd720

README.md

@@ -18,7 +18,7 @@ This is a "Modern" Navidrome (or Subsonic) client built with [Next.js](https://n
 - **Search** - Find music across your entire library
 - **Audio Player** with queue management
 - **Scrobbling** - Track your listening history
-- **Playlist Management** - Create and manage playlists
+<!-- - **Playlist Management** - Create and manage playlists -->
 
 ### Preview
 ![preview](https://github.com/sillyangel/mice/blob/main/public/home-preview.png?raw=true)
@@ -34,8 +34,8 @@ This is a "Modern" Navidrome (or Subsonic) client built with [Next.js](https://n
 1. **Clone and install the required dependencies**
 
 ```bash
-git clone https://github.com/sillyangel/project-still.git
-cd project-still/
+git clone https://github.com/sillyangel/mice.git
+cd mice/
 pnpm install
 
 # or npm
@@ -113,7 +113,7 @@ docker run -p 3000:3000 \
   sillyangel/mice:latest
 ```
 
- **For detailed Docker configuration, environment variables, troubleshooting, and advanced setups, see [DOCKER.md](./DOCKER.md)**
+ **For detailed Docker configuration, environment variables, troubleshooting, and advanced setups, see [DOCKER.md](./docs/DOCKER.md)**
 
 ## Tech Stack
 

app/components/start-screen.tsx

@@ -255,7 +255,7 @@ export function LoginForm({
                 <span>
                   <Label htmlFor="theme">Theme</Label>
                 </span>
-                <Select value={theme} onValueChange={setTheme}>
+                <Select value={theme || "blue"} onValueChange={setTheme}>
                   <SelectTrigger>
                     <SelectValue placeholder="Select a theme" />
                   </SelectTrigger>

components/ui/toast.tsx

@@ -16,7 +16,7 @@ const ToastViewport = React.forwardRef<
   <ToastPrimitives.Viewport
     ref={ref}
     className={cn(
-      "fixed top-0 z-100 flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      "fixed top-0 z-[9999] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
       className
     )}
     {...props}