App: Added error handling for panels and backgroundImage functionality

src/App.tsx

 import React from 'react';
 import './App.css';
 import ScreenWrapper from "./meta/ScreenWrapper";
-import PanelWrapper from "./meta/PanelWrapper";
-import PanelTitle from "./meta/PanelTitle";
-import PanelContent from "./meta/PanelContent";
-import FahrplanPanel from "./panels/Fahrplan/FahrplanPanel";
-import LayoutElement from "./layout/LayoutElement";
 import useLayout from "./hooks/useLayout";
 import {PanelRenderers} from "./panels/_Panels";
+import LayoutElement from "./layout/LayoutElement";
+import ErrorPanel from "./panels/Error";
+import {ErrorBoundary} from "react-error-boundary";
 
 function App() {
   const layout = useLayout();
@@ -22,14 +20,37 @@ function App() {
 
   return (
     <div className={"overflow-hidden w-screen h-screen bg-zinc-950 text-white"} style={{fontFamily: "Inter"}}>
-      <ScreenWrapper>
+      <ScreenWrapper backgroundImage={layout.background}>
         {
           layout.panels.map(panel => {
-            const Renderer = PanelRenderers[panel.type];
+            try {
+              const Renderer = PanelRenderers[panel.type];
+
+              if(!Renderer) {
+                console.error(`Rendering a panel of type ${panel.type} at (${panel.position.x}, ${panel.position.y}) failed. Config:`, panel.config)
+                return (
+                  <LayoutElement config={panel}>
+                    <ErrorPanel
+                      message={`Unable to find a panel definition for type "${panel.type}"`}
+                    />
+                  </LayoutElement>
+                )
+              }
+
+              return (
+                <LayoutElement config={panel}>
+                  <ErrorBoundary fallback={
+                    <ErrorPanel
+                      message={`Panel of type ${panel.type} failed to render. Please check the config you provided.`}
+                    />
+                  }>
+                    <Renderer definition={panel.config} />
+                  </ErrorBoundary>
+                </LayoutElement>
+              )
+            } catch (e) {
 
-            return (
-              <Renderer definition={panel.config} />
-            )
+            }
           })
         }
       </ScreenWrapper>