[P-UI] Home page (#5344)

* Add new start page

* [FR/P-UI] Home/Start page - widgets

* load widgets dynamic

* code cleanup

* remove lodash

* refactor and rename to WidgetLayout

* Add CSS serving

* removed unneeded complexity

* clean up UI; switch to menu for controls

* change signature

* added hotkey

* removed hover

* removed dummy widget

* Add translations

* fix test

* uses real data for getting started

* adapted style for GettingStartedCard

* added placeholder usage to GettingStartedCard

src/frontend/package.json

@@ -18,6 +18,7 @@
         "@fortawesome/react-fontawesome": "^0.2.0",
         "@lingui/core": "^4.3.0",
         "@lingui/react": "^4.3.0",
+        "@mantine/carousel": "^6.0.17",
         "@mantine/core": "^6.0.17",
         "@mantine/dates": "^6.0.17",
         "@mantine/dropzone": "^6.0.17",
@@ -29,10 +30,12 @@
         "@tanstack/react-query": "^4.32.0",
         "axios": "^1.4.0",
         "dayjs": "^1.11.9",
+        "embla-carousel-react": "^8.0.0-rc11",
         "html5-qrcode": "^2.3.8",
         "mantine-datatable": "^2.9.0",
         "react": "^18.2.0",
         "react-dom": "^18.2.0",
+        "react-grid-layout": "^1.3.4",
         "react-router-dom": "^6.14.2",
         "zustand": "^4.3.9"
     },
@@ -46,6 +49,7 @@
         "@types/node": "^20.4.4",
         "@types/react": "^18.2.15",
         "@types/react-dom": "^18.2.7",
+        "@types/react-grid-layout": "^1.3.2",
         "@types/react-router-dom": "^5.3.3",
         "@vitejs/plugin-react": "^4.0.3",
         "babel-plugin-macros": "^3.1.0",