Refactor frontend imports and improve type definitions

- Updated import paths to use absolute imports with @/ prefix
- Simplified and improved type definitions in Layout and inertiaConfig
- Adjusted component props and type annotations for better type safety
- Cleaned up import statements across multiple frontend components

app/frontend/Layout.tsx

@@ -9,9 +9,9 @@ import { SidebarProvider, SidebarTrigger } from '@/components/ui/sidebar'
 const flashTypes = ['message', 'success', 'info', 'warning', 'error'] as const
 
 interface LayoutProps {
-  children: ReactElement
-  showSidebar?: boolean
-  flash: { [key in typeof flashTypes[number]]?: string }
+  showSidebar: boolean
+  flash: any
+  children?: ReactElement
 }
 
 export default function Layout ({

app/frontend/components/pages/auth/connection/ConnectionForm.tsx

@@ -1,7 +1,7 @@
 import { ReactElement } from 'react'
 import useFormHandler from '@/hooks/useFormHandler'
 import { z } from 'zod'
-import MyInput from '../../../shared/MyInput'
+import MyInput from '@/components/shared/MyInput'
 import { Button } from '@/components/ui/button'
 import { StepForward } from 'lucide-react'
 

app/frontend/components/pages/auth/signUp/SignUpForm.tsx

@@ -2,8 +2,8 @@ import { useRef, ReactElement, FormEvent } from 'react'
 import { Link } from '@inertiajs/react'
 import useFormHandler from '@/hooks/useFormHandler'
 import { KeysWithStringValues } from '@/types/utilityTypes'
-import MyInput from '../shared/MyInput'
-import MyCheckbox from '../shared/MyCheckbox'
+import MyInput from '@/components/shared/MyInput'
+import MyCheckbox from '@/components/shared/MyCheckbox'
 import ReCAPTCHA from 'react-google-recaptcha'
 import { Button } from '@/components/ui/button'
 import { StepForward } from 'lucide-react'

app/frontend/components/pages/contribution/new/OsblDatasheet.tsx

@@ -15,9 +15,9 @@ import {
   SelectValue
 } from '@/components/ui/select'
 import { usePage } from '@inertiajs/react'
-import KeywordAsyncCreatableSelect from './OsblDatasheet/KeywordAsyncCreatableSelect'
+import KeywordAsyncCreatableSelect from '@/components/pages/contribution/new/OsblDatasheet/KeywordAsyncCreatableSelect'
 import HelpTooltip from '@/components/shared/HelpTooltip'
-import InterventionAreaAsyncCreatableSelect from './OsblDatasheet/InterventionAreaAsyncCreatableSelect'
+import InterventionAreaAsyncCreatableSelect from '@/components/pages/contribution/new/OsblDatasheet/InterventionAreaAsyncCreatableSelect'
 import MyNumberInput from '@/components/shared/MyNumberInput'
 import MyCheckbox from '@/components/shared/MyCheckbox'
 

app/frontend/components/pages/contribution/new/OsblDocuments.tsx

@@ -6,7 +6,7 @@ import {
   Sheet,
   SheetTrigger
 } from '@/components/ui/sheet'
-import OsblDocumentSheet from './OsblDocuments/OsblDocumentSheet'
+import OsblDocumentSheet from '@/components/pages/contribution/new/OsblDocuments/OsblDocumentSheet'
 
 export default function OsblDocuments ({ data, setData, errors, clearErrors, setError }: FormProps): ReactElement {
   const documents = data.document_attachments_attributes ?? []

app/frontend/components/pages/contribution/new/OsblFinances.tsx

@@ -6,7 +6,7 @@ import {
   Sheet,
   SheetTrigger
 } from '@/components/ui/sheet'
-import OsblFinanceSheet from './OsblFinances/OsblFinanceSheet'
+import OsblFinanceSheet from '@/components/pages/contribution/new/OsblFinances/OsblFinanceSheet'
 
 export default function OsblFinances ({ data, setData, errors, clearErrors, setError }: FormProps): ReactElement {
   const [sortAscending, setSortAscending] = useState(false)

app/frontend/components/pages/contribution/new/OsblLocations.tsx

@@ -6,7 +6,7 @@ import {
   Sheet,
   SheetTrigger
 } from '@/components/ui/sheet'
-import OsblLocationSheet from './OsblLocations/OsblLocationSheet'
+import OsblLocationSheet from '@/components/pages/contribution/new/OsblLocations/OsblLocationSheet'
 
 export default function OsblLocations ({ data, setData }: Pick<FormProps, 'data' | 'setData'>): ReactElement {
   const locations = data.locations_attributes ?? []

app/frontend/components/shared/MyFileInput.tsx

@@ -1,5 +1,5 @@
 import { ReactElement, useRef, useState } from 'react'
-import MyInput from './MyInput'
+import MyInput from '@/components/shared/MyInput'
 
 interface MyFileInputProps {
   id: string

app/frontend/components/shared/MyInput.tsx

@@ -17,7 +17,7 @@ interface WithLabel extends BaseMyInputProps {
 }
 
 interface WithoutLabel extends BaseMyInputProps {
-  labelText: never
+  labelText?: never
   placeholder: string
 }
 

app/frontend/lib/inertiaConfig.ts

@@ -1,29 +1,31 @@
-import { createElement } from 'react'
-import type { ResolvedComponent } from '@inertiajs/react'
+import { createElement, ReactElement } from 'react'
+import type { PageResolver } from '@inertiajs/core'
 import Layout from '@/Layout'
 
+interface ResolvedComponent {
+  default: {
+    layout: (pageContent: ReactElement & { props: { flash?: any } }) => ReactElement
+  }
+}
+
 export const getTitle = (title: string | null): string =>
-  title ? `${title} | Benefactorum` : 'Benefactorum'
+  title !== null ? `${title} | Benefactorum` : 'Benefactorum'
 
-export const resolvePage = (name: string): ResolvedComponent => {
+export const resolvePage: PageResolver = (name) => {
   const pages = import.meta.glob<ResolvedComponent>(
     '../pages/**/!(*.test).tsx',
     { eager: true }
   )
-  const page = pages[`../pages/${name}.tsx`] as {
-    default: { layout?: (page: JSX.Element) => JSX.Element }
-  }
-  if (!page) {
+  const page = pages[`../pages/${name}.tsx`]
+
+  if (page === undefined) {
     console.error(`Missing Inertia page component: '${name}.tsx'`)
   }
-  page.default.layout = (page) =>
-    createElement(
-      Layout,
-      {
-        showSidebar: name.startsWith('Contribution/'),
-        flash: page.props.flash
-      },
-      page
-    )
+
+  page.default.layout = (pageContent) =>
+    createElement(Layout, {
+      showSidebar: name.startsWith('Contribution/'),
+      flash: pageContent.props?.flash
+    }, pageContent)
   return page
 }

app/frontend/pages/Contribution/New.tsx

@@ -11,7 +11,7 @@ import OsblFinance from '@/components/pages/contribution/new/OsblFinances'
 import OsblDocuments from '@/components/pages/contribution/new/OsblDocuments'
 import OsblLocations from '@/components/pages/contribution/new/OsblLocations'
 import { CurrentUserType } from '@/types/types'
-import { FormData } from './types'
+import { FormData } from '@/pages/Contribution/types'
 import z from 'zod'
 import deepCleanData from '@/lib/deepCleanData'
 import { toast } from 'sonner'