fix: adjust breakpoint for small screens from 1200 to 1366 (#116)

## Description

Adjust breakoint for small screens from 1200px to 1366ox
https://www.figma.com/file/3deO7jGtkly8ij4TiIUpzY/DS-%7C-V4.5-%5BCurrent-Version%5D?type=design&node-id=15955-1355&mode=design&t=luSpF1vuz9nnZqxa-0

src/ui/Navigation/Navigation.tsx

@@ -37,18 +37,18 @@ export function Navigation(props: NavigationProps) {
   const theme = useTheme();
   const breakpoints = useBreakpoints();
   const [expanded, setExpanded] = useState(() => {
-    return breakpoints.des1200;
+    return breakpoints.des1366;
   });
 
   const match = useRouteMatch(adminNavigationURLSegment);
   const orfiumProducts = useOrfiumProducts();
   const { switchOrganization, organizations, selectedOrganization } = useOrganizations();
 
   useEffect(() => {
-    setExpanded(breakpoints.des1200);
-  }, [breakpoints.des1200]);
+    setExpanded(breakpoints.des1366);
+  }, [breakpoints.des1366]);
 
-  const isDesktop = breakpoints.des1200;
+  const isDesktop = breakpoints.des1366;
   const adminNavigationIsActive = match?.url === adminNavigationURLSegment && enableAdminMode;
 
   return (

src/ui/TopBar/TopBar.tsx

@@ -14,7 +14,7 @@ export function TopBar({ utilitySection, menuItems = [] }: TopBarProps) {
   const { topBarUtilitySection } = _useTopBarUtilitySection();
   const theme = useTheme();
   const breakpoints = useBreakpoints();
-  const isDesktop = breakpoints.des1200;
+  const isDesktop = breakpoints.des1366;
 
   return (
     <TopAppBarWrapper role="banner" aria-label="Top Application Banner">