chore(services): update components based on recent changes

Changes:
 services/frontend/src/App.tsx                                          | 22 ++++++++++++++++++++++
 services/frontend/src/features/live/components/VoiceConnectionCard.tsx |  5 ++++-
 2 files changed, 26 insertions(+), 1 deletion(-)

services/frontend/src/features/live/components/VoiceConnectionCard.tsx

@@ -104,7 +104,10 @@ export function VoiceConnectionCard({
             {isStreaming ? "Stop Transmit" : "Transmit"}
           </Button>
           {isStreaming && (
-            <div className="flex items-center pl-1">
+            <div className="flex items-center gap-2 pl-1">
+              <span className="animate-pulse rounded-full bg-emerald-500 px-2 py-0.5 text-xs font-medium text-white">
+                Hold Space
+              </span>
               <MicLevelMeter level={micLevel} />
             </div>
           )}