✨ Notebook-widget (#962)

* ⬆️ Add required dependencies

* ✨ Add basic widget definition for `notebook`

* 🌐 Add basic translations for `notebook` widget

* 🐛 Fix `WidgetMenu` zIndex property

* ⚡️ Use dynamic import for the `notebook` widget

* 🌐 Update translations

* 🚨 Disable eslint `no-param-reassign` rule

* ✨ Add `notebook` widget

* ➕ Add `immer` as a dependency

* fix: currentConfig not loaded in useEffect callback 

fixes #1249

* ♻️ Notebook widget UI (#1266)

* ♻️ Refactor note widget

* 🐛 Fix translations

* 💄 Widget styling changes

* 🔒 Fix lockfile

* 💄 Remove primary color from edit button

* 💄 Fix css

* ✨ Add the ability to hide an option

* 🔥 Remove aria-labels

* ♻️ Address pull request feedback

* 🐛 Remove wrong description from default value

---------

Co-authored-by: gnattu <gnattu@users.noreply.github.com>
Co-authored-by: Manuel <manuel.ruwe@bluewin.ch>
Co-authored-by: Tagaishi <Tagaishi@hotmail.ch>
Co-authored-by: Meier Lukas <meierschlumpf@gmail.com>

src/components/Dashboard/Tiles/GenericTileMenu.tsx

@@ -2,6 +2,7 @@ import { ActionIcon, Menu } from '@mantine/core';
 import { IconLayoutKanban, IconPencil, IconSettings, IconTrash } from '@tabler/icons-react';
 import { useTranslation } from 'next-i18next';
 
+import { useColorTheme } from '../../../tools/color';
 import { useEditModeStore } from '../Views/useEditModeStore';
 
 interface GenericTileMenuProps {
@@ -11,12 +12,14 @@ interface GenericTileMenuProps {
   displayEdit: boolean;
 }
 
-export const GenericTileMenu = ({
-  handleClickEdit,
-  handleClickChangePosition,
-  handleClickDelete,
-  displayEdit,
-}: GenericTileMenuProps) => {
+export const GenericTileMenu = (
+  {
+    handleClickEdit,
+    handleClickChangePosition,
+    handleClickDelete,
+    displayEdit,
+  }: GenericTileMenuProps
+) => {
   const { t } = useTranslation('common');
   const isEditMode = useEditModeStore((x) => x.enabled);
 
@@ -28,13 +31,13 @@ export const GenericTileMenu = ({
     <Menu withinPortal withArrow position="right">
       <Menu.Target>
         <ActionIcon
+          style={{ zIndex: 1 }}
           size="md"
           radius="md"
           variant="light"
           pos="absolute"
           top={8}
           right={8}
-          style={{ zIndex: 1 }}
         >
           <IconSettings />
         </ActionIcon>

src/components/Dashboard/Tiles/Widgets/WidgetsEditModal.tsx

@@ -138,6 +138,8 @@ const WidgetOptionTypeSwitch: FC<{
   const info = option.info ?? false;
   const link = option.infoLink ?? undefined;
 
+  if (option.hide) return null;
+
   switch (option.type) {
     case 'switch':
       return (