Remove unused files and move custom.css

sample-apps/react/egress-composite/src/main.tsx

@@ -9,7 +9,7 @@ import { CompositeApp } from './CompositeApp';
 import '@stream-io/video-react-sdk/dist/css/styles.css';
 
 // Uncomment this line to test your own custom CSS
-// import cssUrl from './example/custom.css?url';
+// import cssUrl from '../public/example/custom.css?url';
 
 // @ts-expect-error TODO: this is a global function, we need to declare it
 window.setupLayout = (configuration: ConfigurationValue) => {
@@ -33,18 +33,18 @@ window.setupLayout = (configuration: ConfigurationValue) => {
     screenshare_layout: 'spotlight',
     ext_css: cssUrl,
     options: {
-      'title.text': 'Hey Streamers!',
-      'logo.image_url':
+    'title.text': 'Hey Streamers!',
+    'logo.image_url':
         'https://getstream.io/blog/images/stream-logo.png',
-      'layout.background_color': 'red',
-      'video.background_color': 'green',
-      'video.scale_mode': 'fit',
-      'video.screenshare_scale_mode': 'fit',
-      'participant_label.border_color': '#fff',
-      'participant_label.border_width': '3px',
-      'participant_label.border_radius': '5px',
-      'participant_label.background_color': '#ddd',
-      'participant_label.text_color': 'darkblue',
+    'layout.background_color': 'red',
+    'video.background_color': 'green',
+    'video.scale_mode': 'fit',
+    'video.screenshare_scale_mode': 'fit',
+    'participant_label.border_color': '#fff',
+    'participant_label.border_width': '3px',
+    'participant_label.border_radius': '5px',
+    'participant_label.background_color': '#ddd',
+    'participant_label.text_color': 'darkblue',
     },
   } satisfies Partial<ConfigurationValue>)});`;
   document.head.appendChild(v);