refactor: use LayoutProps as type

Author: paulKopf

src/app/[locale]/(withContainer)/layout.tsx

@@ -3,7 +3,7 @@ import { Container } from '@mui/material'
 /**
  * this layout places its content inside a container with maxWidth and padding
  */
-const ContainerLayout = ({ children }: { children: React.ReactNode }) => {
+const ContainerLayout = ({ children }: LayoutProps<'/[locale]'>) => {
   return (
     <Container
       maxWidth='sm'

src/app/[locale]/(withFullWidthAndHeight)/layout.tsx

@@ -3,11 +3,7 @@ import { Box } from '@mui/material'
 /**
  * this layout places its content inside a box which uses all available width and height
  */
-const FullWidthAndHeightLayout = ({
-  children,
-}: {
-  children: React.ReactNode
-}) => {
+const FullWidthAndHeightLayout = ({ children }: LayoutProps<'/[locale]'>) => {
   return (
     <Box
       // 48px is the height of the AppBar (with dense prop)

src/app/[locale]/layout.tsx

@@ -31,10 +31,7 @@ export const viewport: Viewport = {
 export default async function LocaleLayout({
   children,
   params,
-}: Readonly<{
-  children: React.ReactNode
-  params: Promise<{ locale: string }>
-}>) {
+}: LayoutProps<'/[locale]'>) {
   // Ensure that the incoming `locale` is valid
   const { locale } = await params
   if (!hasLocale(routing.locales, locale)) {