Feat/excel (#45)

* add dependency

adding dependency to parse the excel file in the node side

* import file

ability to import file
- add extension
- safeguard file type and size

* user is able to upload json or excel

* chore: extract logic into self contained function

* associate model with version

* test id generation

* parse excel data

* prevent UI crash on bad data

* extract validation into self contained function

* chore: add more tests for bad data

* config: stop from opening browser on start

* fix comma in sample db

* handle corrupt files

* error boundary around main components

* jsdocs

* increase id length

* parse excel time string

* feat: excel parsing

* validate json db before import

* chore: test event validator

* feat: make function to clean convert strings

* chore: test parser

* chore: jsdocs

* fix: bug on upload

prevent bug where the component would prevent upload of same file twice

client/src/App.jsx

@@ -4,6 +4,7 @@ import './App.css';
 import { QueryClient, QueryClientProvider } from 'react-query';
 import SocketProvider from 'app/context/socketContext';
 import withSocket from 'features/viewers/ViewWrapper';
+import ErrorBoundary from 'common/components/errorBoundary/ErrorBoundary';
 
 const Editor = lazy(() => import('features/editors/Editor'));
 const PresenterView = lazy(() =>
@@ -65,22 +66,24 @@ function App() {
     <SocketProvider>
       <QueryClientProvider client={queryClient}>
         <div className='App'>
-          <Suspense fallback={null}>
-            <Switch>
-              <Route exact path='/' component={SSpeaker} />
-              <Route exact path='/sm' component={SStageManager} />
-              <Route exact path='/speaker' component={SSpeaker} />
-              <Route exact path='/stage' component={SSpeaker} />
-              <Route exact path='/speakersimple' component={SSpeakerSimple} />
-              <Route exact path='/editor' component={Editor} />
-              <Route exact path='/public' component={SPublic} />
-              <Route exact path='/pip' component={SPip} />
-              {/* Lower cannot have fallback */}
-              <Route exact path='/lower' component={SLowerThird} />
-              {/* Send to default if nothing found */}
-              <Route component={SSpeaker} />
-            </Switch>
-          </Suspense>
+          <ErrorBoundary>
+            <Suspense fallback={null}>
+              <Switch>
+                <Route exact path='/' component={SSpeaker} />
+                <Route exact path='/sm' component={SStageManager} />
+                <Route exact path='/speaker' component={SSpeaker} />
+                <Route exact path='/stage' component={SSpeaker} />
+                <Route exact path='/speakersimple' component={SSpeakerSimple} />
+                <Route exact path='/editor' component={Editor} />
+                <Route exact path='/public' component={SPublic} />
+                <Route exact path='/pip' component={SPip} />
+                {/* Lower cannot have fallback */}
+                <Route exact path='/lower' component={SLowerThird} />
+                {/* Send to default if nothing found */}
+                <Route component={SSpeaker} />
+              </Switch>
+            </Suspense>
+          </ErrorBoundary>
         </div>
       </QueryClientProvider>
     </SocketProvider>