feat: tutorials tab

Author: amhsirak

src/components/dashboard/MainMenu.tsx

@@ -4,7 +4,7 @@ import Tab from '@mui/material/Tab';
 import Box from '@mui/material/Box';
 import { useNavigate } from 'react-router-dom';
 import { Paper, Button, useTheme } from "@mui/material";
-import { AutoAwesome, FormatListBulleted, VpnKey, Usb, CloudQueue, Description } from "@mui/icons-material";
+import { AutoAwesome, FormatListBulleted, VpnKey, Usb, CloudQueue, Description, SlowMotionVideo } from "@mui/icons-material";
 import { useTranslation } from 'react-i18next';
 import i18n from '../../i18n';
 
@@ -119,6 +119,9 @@ export const MainMenu = ({ value = 'robots', handleChangeContent }: MainMenuProp
           <Button href='https://docs.maxun.dev' target="_blank" rel="noopener noreferrer" sx={buttonStyles} startIcon={<Description />}>
             Documentation
           </Button>
+          <Button href="https://www.youtube.com/@MaxunOSS/videos" target="_blank" rel="noopener noreferrer" sx={buttonStyles} startIcon={<SlowMotionVideo />}>
+            Tutorials
+          </Button>
           <Button href="https://app.maxun.dev/login" target="_blank" rel="noopener noreferrer" sx={buttonStyles} startIcon={<CloudQueue />}>
             {t('mainmenu.feedback')}
           </Button>