Cleanup paddings and many other things

src/components/PageLayout/PageLayout.tsx

@@ -45,7 +45,15 @@ export const PageLayout: FC<PageLayoutProps> = ({contentWidth = 2, title = '', c
               <Grid xs={0} md={3} sx={{position: 'relative', display: {xs: 'none', md: 'block'}}}>
                 <StromLogo />
               </Grid>
-              <Grid xs={12} md={contentWidth * 3} sx={{py: 2, px: 1, ...sx}}>
+              <Grid
+                xs={12}
+                md={contentWidth * 3}
+                sx={{
+                  py: {xs: 4, md: 8, lg: 12},
+                  px: 2,
+                  ...sx,
+                }}
+              >
                 {children}
               </Grid>
             </Grid>

src/components/Profile/ProfileForm.tsx

@@ -50,9 +50,9 @@ export const ProfileForm: FC = () => {
     parent_phone: profile?.parent_phone ?? '',
     new_school_description: '',
     without_school: profile?.school_id === 1,
-    school: ({id: profile?.school.code, label: profile?.school.verbose_name} as SelectOption) ?? null,
+    school: profile ? ({id: profile.school.code, label: profile.school.verbose_name} as SelectOption) : null,
     school_not_found: profile?.school_id === 0,
-    grade: ({id: profile?.grade, label: profile?.grade_name} as SelectOption) ?? null,
+    grade: profile ? ({id: profile.grade, label: profile.grade_name} as SelectOption) : null,
   }
 
   const {handleSubmit, control, watch, setValue} = useForm<ProfileFormValues>({

src/pages/malynar/verifikacia/[[...params]].tsx

@@ -1,15 +1,9 @@
 import {NextPage} from 'next'
 
-import {PageLayout} from '@/components/PageLayout/PageLayout'
-
-import {Verification} from '../../../components/Verification/Verification'
+import Page from '../../strom/verifikacia/[[...params]]'
 
 const Verifikacia: NextPage = () => {
-  return (
-    <PageLayout title="Verifikácia" contentWidth={2}>
-      <Verification />
-    </PageLayout>
-  )
+  return <Page />
 }
 
 export default Verifikacia

src/pages/matik/verifikacia/[[...params]].tsx

@@ -1,15 +1,9 @@
 import {NextPage} from 'next'
 
-import {PageLayout} from '@/components/PageLayout/PageLayout'
-
-import {Verification} from '../../../components/Verification/Verification'
+import Page from '../../strom/verifikacia/[[...params]]'
 
 const Verifikacia: NextPage = () => {
-  return (
-    <PageLayout title="Verifikácia" contentWidth={2}>
-      <Verification />
-    </PageLayout>
-  )
+  return <Page />
 }
 
 export default Verifikacia