feat: Sentry frontend error logging integration

• Added error boundaries to the entire system
• Implemented Sentry error tracking

apps/web/src/app/App.tsx

@@ -22,7 +22,6 @@ import { SideNavTab, Sidebar } from '@graphpolaris/shared/lib/sidebar';
 import { InspectorPanel } from '@graphpolaris/shared/lib/inspector';
 import { SearchBar } from '@graphpolaris/shared/lib/sidebar/search/SearchBar';
 import { Schema } from '@graphpolaris/shared/lib/schema/panel';
-import { ErrorBoundary } from '@graphpolaris/shared/lib/error-boundary';
 
 export type App = {
   load?: string;
@@ -72,14 +71,10 @@ export function App(props: App) {
           <div className={'h-screen w-screen ' + (!auth.authorized ? 'blur-sm pointer-events-none ' : '')}>
             <div className="flex flex-col h-screen max-h-screen relative">
               <aside className="absolute w-full h-12">
-                <ErrorBoundary fallback={<p>Something went wrong in the navbar</p>}>
-                  <Navbar />
-                </ErrorBoundary>
+                <Navbar />
               </aside>
               <main className="grow flex flex-row h-screen pt-12">
-                <ErrorBoundary fallback={<p>Something went wrong in the sidebar</p>}>
-                  <Sidebar onTab={(tab) => setTab(tab)} tab={tab} />
-                </ErrorBoundary>
+                <Sidebar onTab={(tab) => setTab(tab)} tab={tab} />
                 <Resizable divisorSize={3} horizontal={true} defaultProportion={0.85} maxProportion={0.85}>
                   <Resizable divisorSize={3} horizontal={true} defaultProportion={0.33}>
                     {tab !== undefined ? (
@@ -90,24 +85,18 @@ export function App(props: App) {
                     ) : null}
 
                     <Resizable divisorSize={3} horizontal={false}>
-                      <ErrorBoundary fallback={<p>Something went wrong in the visualization panel</p>}>
-                        <VisualizationPanel
-                          fullSize={() => {
-                            // setVisFullSize(!visFullSize);
-                            // tab === undefined && setTab('Schema');
-                            // tab !== undefined && setTab(undefined);
-                          }}
-                        />
-                      </ErrorBoundary>
+                      <VisualizationPanel
+                        fullSize={() => {
+                          // setVisFullSize(!visFullSize);
+                          // tab === undefined && setTab('Schema');
+                          // tab !== undefined && setTab(undefined);
+                        }}
+                      />
 
-                      <ErrorBoundary fallback={<p>Something went wrong in the query builder</p>}>
-                        <QueryBuilder onRunQuery={runQuery} />
-                      </ErrorBoundary>
+                      <QueryBuilder onRunQuery={runQuery} />
                     </Resizable>
                   </Resizable>
-                  <ErrorBoundary fallback={<p>Something went wrong in the inspector panel</p>}>
-                    <InspectorPanel />
-                  </ErrorBoundary>
+                  <InspectorPanel />
                 </Resizable>
               </main>
             </div>