Feat/stack trace

BUG:Error Boundaries should show stacktrace for copying here.

CHANGES: Added error stack trace display in dev env, with copy button and dashboard alert

libs/shared/lib/components/errorBoundary/ErrorBoundary.tsx

 import React, { Component, ErrorInfo, ReactNode } from 'react';
 import { Button } from '../buttons';
+import { useAppDispatch } from '@graphpolaris/shared/lib/data-access'; // Adjust path
+import { addInfo } from '@graphpolaris/shared/lib/data-access/store/configSlice'; // Adjust path
 
 interface ErrorBoundaryProps {
   children: ReactNode;
   fallback?: ReactNode;
   onError?: (error: Error, errorInfo: ErrorInfo) => void;
+  dispatch?: ReturnType<typeof useAppDispatch>;
 }
 
 interface ErrorBoundaryState {
@@ -18,6 +21,7 @@ class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
     super(props);
     this.state = { hasError: false };
     this.handleRetry = this.handleRetry.bind(this);
+    this.handleCopyError = this.handleCopyError.bind(this);
   }
 
   static getDerivedStateFromError(): ErrorBoundaryState {
@@ -35,6 +39,14 @@ class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
     this.setState({ hasError: false, error: undefined, errorInfo: undefined });
   }
 
+  handleCopyError() {
+    const errorText = `Error: ${this.state.error?.toString()}\n\nStack trace: ${this.state.errorInfo?.componentStack}`;
+    navigator.clipboard.writeText(errorText);
+    if (this.props.dispatch) {
+      this.props.dispatch(addInfo('Stack trace copied to clipboard'));
+    }
+  }
+
   render() {
     if (this.state.hasError) {
       return (
@@ -42,6 +54,15 @@ class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
           {this.props.fallback || <div>Something went wrong. Please try again later.</div>}
           {import.meta.env.GRAPHPOLARIS_VERSION === 'dev' && (
             <div className="overflow-auto max-h-[500px] p-2">
+              <div className="flex justify-end mb-2">
+                <Button 
+                  label="Copy Stack Trace" 
+                  variant="outline" 
+                  variantType="secondary" 
+                  size="xs"
+                  onClick={this.handleCopyError} 
+                />
+              </div>
               <pre className="whitespace-pre-wrap break-words text-sm">
                 {this.state.error?.toString()}
               </pre>
@@ -59,4 +80,9 @@ class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
   }
 }
 
-export { ErrorBoundary };
+function ErrorBoundaryWithDispatch(props: Omit<ErrorBoundaryProps, 'dispatch'>) {
+  const dispatch = useAppDispatch();
+  return <ErrorBoundary {...props} dispatch={dispatch} />;
+}
+
+export { ErrorBoundaryWithDispatch as ErrorBoundary };
\ No newline at end of file