Rename dashboard error modal to "Workspace error" to better suit its …

…usage #2742.

ui/dashboard/src/App.tsx

@@ -1,10 +1,10 @@
 import "./utils/registerComponents";
 import Dashboard from "./components/dashboards/layout/Dashboard";
-import DashboardErrorModal from "./components/dashboards/DashboardErrorModal";
 import DashboardHeader from "./components/DashboardHeader";
 import DashboardList from "./components/DashboardList";
 import SnapshotHeader from "./components/SnapshotHeader";
 import useAnalytics from "./hooks/useAnalytics";
+import WorkspaceErrorModal from "./components/dashboards/WorkspaceErrorModal";
 import { DashboardProvider } from "./hooks/useDashboard";
 import { FullHeightThemeWrapper, useTheme } from "./hooks/useTheme";
 import { Route, Routes } from "react-router-dom";
@@ -19,7 +19,7 @@ const Dashboards = ({ analyticsContext, breakpointContext, themeContext }) => (
   >
     <DashboardHeader />
     <SnapshotHeader />
-    <DashboardErrorModal />
+    <WorkspaceErrorModal />
     <DashboardList wrapperClassName="p-4 h-full overflow-y-auto" />
     <Dashboard />
   </DashboardProvider>

ui/dashboard/src/components/dashboards/WorkspaceErrorModal/index.tsx

@@ -0,0 +1,20 @@
+import ErrorModal from "../../Modal/ErrorModal";
+import { useDashboard } from "../../../hooks/useDashboard";
+
+interface WorkspaceErrorModalProps {
+  error: any;
+}
+
+const WorkspaceErrorModal = ({ error }: WorkspaceErrorModalProps) => (
+  <ErrorModal error={error} title="Workspace Error" />
+);
+
+const WorkspaceErrorModalWrapper = () => {
+  const { error } = useDashboard();
+  if (!error) {
+    return null;
+  }
+  return <WorkspaceErrorModal error={error} />;
+};
+
+export default WorkspaceErrorModalWrapper;