fix: remove dot background on sigin in page

src/client/pages/StatusPage.tsx

@@ -1,8 +1,21 @@
 import { useEffect, useState } from 'react';
-import { Activity, ChevronRight, CircleCheck, Database, History, RefreshCw, TriangleAlert, Wrench, Zap } from 'lucide-react';
+import {
+	Activity,
+	ChevronRight,
+	CircleCheck,
+	Database,
+	History,
+	LayoutDashboard,
+	LogIn,
+	RefreshCw,
+	TriangleAlert,
+	Wrench,
+	Zap,
+} from 'lucide-react';
 import { Badge, type BadgeVariant } from '@/components/ui/badge';
 import { Button } from '@/components/ui/button';
 import { Empty, EmptyContent, EmptyDescription, EmptyMedia, EmptyTitle } from '@/components/ui/empty';
+import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from '@/components/ui/tooltip';
 import type { PublicOverallStatus, PublicServiceStatus } from '../api/status';
 import { SiteIcon } from '../components/SiteIcon';
 import { StatusHistoryBar } from '../components/StatusHistoryBar';
@@ -99,14 +112,23 @@ export function StatusPage() {
 					</a>
 					<div className="status-header-actions">
 						<ThemeToggle className="app-nav-icon" />
+						<TooltipProvider>
+							<Tooltip>
+								<TooltipTrigger asChild>
 									<Button
-							variant="unstyled"
+										variant="ghost"
-							className="status-header-action"
+										size="icon"
+										className="app-nav-icon"
 										type="button"
+										aria-label={sessionQuery.data?.authenticated ? 'Dashboard' : 'Sign in'}
 										onClick={() => navigate(sessionQuery.data?.authenticated ? '/dashboard' : '/login')}
 									>
-							{sessionQuery.data?.authenticated ? 'Dashboard' : 'Sign in'}
+										{sessionQuery.data?.authenticated ? <LayoutDashboard aria-hidden="true" /> : <LogIn aria-hidden="true" />}
 									</Button>
+								</TooltipTrigger>
+								<TooltipContent sideOffset={6}>{sessionQuery.data?.authenticated ? 'Dashboard' : 'Sign in'}</TooltipContent>
+							</Tooltip>
+						</TooltipProvider>
 					</div>
 				</div>
 			</header>

src/client/styles/LoginPage.css

@@ -38,21 +38,6 @@
 	background: rgba(62, 207, 142, 0.1);
 	border-color: rgba(62, 207, 142, 0.25);
 }
-.auth-page::before {
-	position: fixed;
-	inset: 0;
-	z-index: 0;
-	pointer-events: none;
-	background-image: radial-gradient(#dcdcdc 0.65px, transparent 0.65px);
-	background-size: 16px 16px;
-	mask-image: linear-gradient(to bottom, transparent, black 24%, transparent 76%);
-	content: '';
-}
-.dark .auth-page::before {
-	background-image: radial-gradient(rgba(255, 255, 255, 0.07) 1px, transparent 1px);
-	background-size: 20px 20px;
-	mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, black 25%, transparent 80%);
-}
 .auth-brand {
 	position: relative;
 	z-index: 1;