Use shadcn Alert for the "no devices connected" hints

Replaces the ad-hoc bp-glass Card used for the "No devices connected
yet." placeholder in ButtplugConsole and ReplayPlayer with the shadcn
Alert component (newly installed).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

components/sessions/ReplayPlayer.tsx

@@ -11,7 +11,8 @@ import { disconnectAll, getButtplugClientHandle, getDevice, startScanning, stopS
 import { SessionPlayer, type SessionEventRow } from "@/lib/buttplug/player";
 import { useButtplugStore } from "@/lib/buttplug/store";
 import type { ActuatorInfo, ReplayDeviceSlot } from "@/lib/buttplug/types";
-import { Pause, Play } from "lucide-react";
+import { Info, Pause, Play } from "lucide-react";
+import { Alert, AlertDescription } from "@/components/ui/alert";
 
 interface ReplayDataResponse {
   session: {
@@ -163,12 +164,13 @@ export function ReplayPlayer({ sessionId }: { sessionId: number }) {
           </div>
 
           {connectedDevices.length === 0 && (
-            <Card className="bp-glass">
-              <CardContent className="text-sm text-muted-foreground">
+            <Alert className="bp-glass">
+              <Info />
+              <AlertDescription>
                 No devices connected yet. Scan to discover nearby toys, then match them to this session&apos;s
                 original device slots.
-              </CardContent>
-            </Card>
+              </AlertDescription>
+            </Alert>
           )}
         </>
       ) : (