Move components to external library

src/index.tsx

@@ -1,9 +1,11 @@
+import '@meshtastic/components/dist/style.css';
 import '@app/index.css';
 import '@core/translation';
 
 import React from 'react';
 import ReactDOM from 'react-dom';
 
+import { ErrorBoundary } from 'react-error-boundary';
 import { Provider } from 'react-redux';
 
 import { App } from '@app/App';
@@ -11,14 +13,18 @@ import { ReloadPrompt } from '@components/pwa/ReloadPrompt';
 import { RouteProvider } from '@core/router';
 import { store } from '@core/store';
 
+import { ErrorFallback } from './components/ErrorFallback';
+
 ReactDOM.render(
   <React.StrictMode>
-    <RouteProvider>
-      <Provider store={store}>
-        <App />
-        <ReloadPrompt />
-      </Provider>
-    </RouteProvider>
+    <ErrorBoundary FallbackComponent={ErrorFallback}>
+      <RouteProvider>
+        <Provider store={store}>
+          <App />
+          <ReloadPrompt />
+        </Provider>
+      </RouteProvider>
+    </ErrorBoundary>
   </React.StrictMode>,
   document.getElementById('root'),
 );