✨ Implemented different layout sizes

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

@@ -2,6 +2,7 @@ import { Title } from '@mantine/core';
 import { useTranslation } from 'next-i18next';
 import { openContextModalGeneric } from '../../../../tools/mantineModalManagerExtensions';
 import { IWidget } from '../../../../widgets/widgets';
+import { useWrapperColumnCount } from '../../Wrappers/gridstack/store';
 import { GenericTileMenu } from '../GenericTileMenu';
 import { WidgetEditModalInnerProps } from './WidgetsEditModal';
 import { WidgetsRemoveModalInnerProps } from './WidgetsRemoveModal';
@@ -9,6 +10,7 @@ import { WidgetsRemoveModalInnerProps } from './WidgetsRemoveModal';
 export type WidgetChangePositionModalInnerProps = {
   widgetId: string;
   widget: IWidget<string, any>;
+  wrapperColumnCount: number;
 };
 
 interface WidgetsMenuProps {
@@ -18,8 +20,9 @@ interface WidgetsMenuProps {
 
 export const WidgetsMenu = ({ integration, widget }: WidgetsMenuProps) => {
   const { t } = useTranslation(`modules/${integration}`);
+  const wrapperColumnCount = useWrapperColumnCount();
 
-  if (!widget) return null;
+  if (!widget || !wrapperColumnCount) return null;
 
   const handleDeleteClick = () => {
     openContextModalGeneric<WidgetsRemoveModalInnerProps>({
@@ -39,6 +42,7 @@ export const WidgetsMenu = ({ integration, widget }: WidgetsMenuProps) => {
       innerProps: {
         widgetId: integration,
         widget,
+        wrapperColumnCount,
       },
     });
   };