feature: add organisation page

Author: ihornovykov

src/app/organisations/Organisations.styles.ts

@@ -0,0 +1,21 @@
+import { SxProps, Theme } from '@mui/material/styles';
+
+export const wrapper: SxProps<Theme> = {
+  display: 'flex',
+  flexDirection: 'column',
+  alignItems: 'center',
+  width: '100%',
+};
+
+export const search: SxProps<Theme> = {
+  maxWidth: '794px',
+  width: '100%',
+  mt: '26px',
+  display: 'inline-flex',
+  gap: '16px',
+};
+
+export const input: SxProps<Theme> = {
+  maxWidth: '730px',
+  flexGrow: 1,
+};

src/app/organisations/page.tsx

@@ -0,0 +1,23 @@
+import { Box, Typography } from '@mui/material';
+
+import IconButton from '@/components/common/ui/icon-button/IconButton';
+import Input from '@/components/common/ui/input/Input';
+
+import * as styles from './Organisations.styles';
+
+const Organisations = () => {
+  return (
+    <Box sx={styles.wrapper}>
+      <Typography mt="48px" typography="h5Medium">
+        Мої організації
+      </Typography>
+
+      <Box sx={styles.search}>
+        <Input sx={styles.input} isSearch fullWidth placeholder="Пошук" />
+        <IconButton />
+      </Box>
+    </Box>
+  );
+};
+
+export default Organisations;

src/components/common/layout/page-layout/header/menu/constants/menuItems.ts

@@ -4,8 +4,8 @@ export const menuItems = [
     url: '/',
   },
   {
-    title: 'Організація',
-    url: '/organisation',
+    title: 'Організації',
+    url: '/organisations',
   },
   {
     title: 'Ціни',