feat: Sentry frontend error logging integration

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

apps/web/src/app/App.tsx

@@ -23,7 +23,7 @@ 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 '../ErrorBoundary/ErrorBoundary';
+import { ErrorBoundary } from '../components/ErrorBoundary/ErrorBoundary';
 
 export type App = {
   load?: string;
@@ -77,7 +77,7 @@ export function App(props: App) {
                 <Navbar />
               </aside>
               <main className="grow flex flex-row h-screen pt-12">
-                <ErrorBoundary fallback={`Something went wrong in the sidebar with ${session.currentSaveState}`}>
+                <ErrorBoundary fallback={<p>Something went wrong in the sidebar</p>}>
                   <Sidebar onTab={(tab) => setTab(tab)} tab={tab} />
                 </ErrorBoundary>
                 <Resizable divisorSize={3} horizontal={true} defaultProportion={0.85} maxProportion={0.85}>
@@ -90,7 +90,7 @@ export function App(props: App) {
                     ) : null}
 
                     <Resizable divisorSize={3} horizontal={false}>
-                      <ErrorBoundary fallback={`Something went wrong in the visualization panel with  ${session.currentSaveState}`}>
+                      <ErrorBoundary fallback={<p>Something went wrong in the visualization panel</p>}>
                         <VisualizationPanel
                           fullSize={() => {
                             // setVisFullSize(!visFullSize);
@@ -100,13 +100,13 @@ export function App(props: App) {
                         />
                       </ErrorBoundary>
 
-                      <ErrorBoundary fallback={`Something went wrong in the query builder with  ${session.currentSaveState}`}>
+                      <ErrorBoundary fallback={<p>Something went wrong in the query builder</p>}>
                         <QueryBuilder onRunQuery={runQuery} />
                       </ErrorBoundary>
                     </Resizable>
                   </Resizable>
                   {/* <ConfigPanel /> */}
-                  <ErrorBoundary fallback={`Something went wrong in the inspector panel  ${session.currentSaveState}`}>
+                  <ErrorBoundary fallback={<p>Something went wrong in the inspector panel</p>}>
                     <InspectorPanel />
                   </ErrorBoundary>
                 </Resizable>