Give the "no devices connected" alerts a title

Splits the placeholder text into an AlertTitle ("No devices connected
yet") and an AlertDescription for the rest, in both ButtplugConsole
and ReplayPlayer.

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

components/control/ButtplugConsole.tsx

@@ -22,7 +22,7 @@ import { DeviceCard } from "./DeviceCard";
 import { RecordControls } from "./RecordControls";
 import { NameSessionDialog } from "./NameSessionDialog";
 import { Card, CardContent } from "@/components/ui/card";
-import { Alert, AlertDescription } from "@/components/ui/alert";
+import { Alert, AlertDescription, AlertTitle } from "@/components/ui/alert";
 import { Info } from "lucide-react";
 
 interface ActiveSession {
@@ -244,9 +244,9 @@ export function ButtplugConsole() {
       {Object.keys(devices).length === 0 ? (
         <Alert className="bp-glass">
           <Info />
+          <AlertTitle>No devices connected yet</AlertTitle>
           <AlertDescription>
-            No devices connected yet. Scan to discover nearby toys, then select one from your browser&apos;s
-            pairing prompt.
+            Scan to discover nearby toys, then select one from your browser&apos;s pairing prompt.
           </AlertDescription>
         </Alert>
       ) : (