🎨(frontend) remove redundant React fragments

Remove unnecessary React fragments that contain only one child or are direct
children of HTML elements. Simplifies JSX structure by eliminating redundant
wrapper elements that don't add functional value.

src/frontend/src/features/rooms/livekit/components/controls/Options/OptionsButton.tsx

@@ -7,7 +7,6 @@ export const OptionsButton = () => {
   const { t } = useTranslation('rooms')
 
   return (
-    <>
     <Menu variant="dark">
       <Button
         square
@@ -19,6 +18,5 @@ export const OptionsButton = () => {
       </Button>
       <OptionsMenuItems />
     </Menu>
-    </>
   )
 }

src/frontend/src/features/rooms/livekit/components/effects/EffectsConfiguration.tsx

@@ -247,7 +247,6 @@ export const EffectsConfiguration = ({
           />
         )}
         {isSupported ? (
-          <>
           <div>
             <div>
               <H
@@ -375,7 +374,6 @@ export const EffectsConfiguration = ({
               </div>
             </div>
           </div>
-          </>
         ) : (
           <Information>
             <Text variant="sm">{t('notAvailable')}</Text>

src/frontend/src/features/rooms/livekit/prefabs/ControlBar/DesktopControlBar.tsx

@@ -22,7 +22,6 @@ export function DesktopControlBar({
   const browserSupportsScreenSharing = supportsScreenSharing()
   const desktopControlBarEl = useRef<HTMLDivElement>(null)
   return (
-    <>
     <div
       ref={desktopControlBarEl}
       className={css({
@@ -91,6 +90,5 @@ export function DesktopControlBar({
       </div>
       <MoreOptions parentElement={desktopControlBarEl} />
     </div>
-    </>
   )
 }

src/frontend/src/primitives/Spinner.tsx

@@ -15,7 +15,6 @@ export const Spinner = ({
   return (
     <ProgressBar aria-label="Loading…" value={30}>
       {({ percentage }) => (
-        <>
         <svg
           width={size}
           height={size}
@@ -52,7 +51,6 @@ export const Spinner = ({
             }}
           />
         </svg>
-        </>
       )}
     </ProgressBar>
   )