Changed chat behaviour

added recoil value isMobile to determine which chat to display and
style. #1978

changed the player to actually span across the viewport without the
black borders around it.

web/components/ui/ModIcon.tsx

@@ -1,9 +1,10 @@
+/* eslint-disable react/require-default-props */
 import { CSSProperties } from 'react';
 
 interface Props {
-  style: CSSProperties;
-  fill: string;
-  stroke: string;
+  style?: CSSProperties;
+  fill?: string;
+  stroke?: string;
 }
 export default function ModIcon({
   style = { width: '1rem', height: '1rem' },