refactor: apply PR review suggestions

- Remove stale fullscreen documentation from camera screen config
- Use modern CSS syntax (inset, rgb color notation)
- Replace Unicode fullscreen glyph with FontAwesome faExpand icon

Author: rjmunro

packages/documentation/docs/user-guide/features/sofie-views-and-screens.mdx

@@ -254,8 +254,7 @@ The Configurable Screens section uses collapsible accordion panels that let you
 **Camera Screen Configuration**
 - Filter by specific Source Layer IDs (e.g., cameras, DVEs)
 - Filter by Studio Labels to show only relevant cameras
-- Enable fullscreen mode for mobile devices
-- Generates URL with `sourceLayerIds`, `studioLabels`, and `fullscreen` parameters
+- Generates URL with `sourceLayerIds` and `studioLabels` parameters
 
 **Prompter Configuration**
 - Configure display options (mirroring, font size, margins, read marker position)

packages/webui/src/client/ui/ClockView/FullscreenOverlay.scss

@@ -1,12 +1,9 @@
 .fullscreen-overlay {
 	position: fixed;
-	top: 0;
-	left: 0;
-	right: 0;
-	bottom: 0;
+	inset: 0;
 	width: 100%;
 	height: 100%;
-	background-color: rgba(0, 0, 0, 0.7);
+	background-color: rgb(0 0 0 / 0.7);
 	display: flex;
 	align-items: center;
 	justify-content: center;

packages/webui/src/client/ui/ClockView/FullscreenOverlay.tsx

@@ -2,6 +2,8 @@ import { useState, useEffect, useCallback } from 'react'
 import { useLocation } from 'react-router-dom'
 import { parse as queryStringParse } from 'query-string'
 import { useTranslation } from 'react-i18next'
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import { faExpand } from '@fortawesome/free-solid-svg-icons'
 import { catchError } from '../../lib/lib.js'
 
 import './FullscreenOverlay.scss'
@@ -59,7 +61,9 @@ export function FullscreenOverlay(): JSX.Element | null {
 			aria-label={t('Click or press Enter for fullscreen')}
 		>
 			<div className="fullscreen-overlay__content">
-				<div className="fullscreen-overlay__icon">⛶</div>
+				<div className="fullscreen-overlay__icon">
+					<FontAwesomeIcon icon={faExpand} />
+				</div>
 				<div className="fullscreen-overlay__text">{t('Click anywhere for fullscreen')}</div>
 			</div>
 		</button>