♻️(frontend) rename RecordingStateBadge to RecordingStateToast

Rename component to match existing LiveKit naming conventions like
connectionStateToast. Improves naming consistency.

src/frontend/src/features/recording/components/RecordingStateToast.tsx

@@ -10,7 +10,7 @@ import { decodeNotificationDataReceived } from '@/features/notifications/utils'
 import { NotificationType } from '@/features/notifications/NotificationType'
 import { RecordingStatus, recordingStore } from '@/stores/recording'
 
-export const RecordingStateBadge = () => {
+export const RecordingStateToast = () => {
   const { t } = useTranslation('rooms', {
     keyPrefix: 'recordingBadge',
   })

src/frontend/src/features/recording/index.ts

@@ -5,3 +5,4 @@ export {
 } from './hooks/useIsRecordingStarted'
 export { useIsRecordingTransitioning } from './hooks/useIsRecordingTransitioning'
 export { useHasRecordingAccess } from './hooks/useHasRecordingAccess'
+export { RecordingStateToast } from './components/RecordingStateToast'

src/frontend/src/features/rooms/livekit/prefabs/VideoConference.tsx

@@ -28,7 +28,7 @@ import { FocusLayout } from '../components/FocusLayout'
 import { ParticipantTile } from '../components/ParticipantTile'
 import { SidePanel } from '../components/SidePanel'
 import { useSidePanel } from '../hooks/useSidePanel'
-import { RecordingStateBadge } from '../components/RecordingStateBadge'
+import { RecordingStateToast } from '@/features/recording'
 import { ScreenShareErrorModal } from '../components/ScreenShareErrorModal'
 
 const LayoutWrapper = styled(
@@ -231,7 +231,7 @@ export function VideoConference({ ...props }: VideoConferenceProps) {
       )}
       <RoomAudioRenderer />
       <ConnectionStateToast />
-      <RecordingStateBadge />
+      <RecordingStateToast />
     </div>
   )
 }