chore: change app to use a layout

I can now insert header/footer on each pages.

1 files changed, 4 insertions, 3 deletions

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
index 6f08a02..8194b10 100644
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@@ -1,8 +1,9 @@
+import { AppPropsWithLayout } from '@ts/types/app';
 import '../styles/globals.scss';
-import type { AppProps } from 'next/app';
 
-function MyApp({ Component, pageProps }: AppProps) {
-  return <Component {...pageProps} />;
+function MyApp({ Component, pageProps }: AppPropsWithLayout) {
+  const getLayout = Component.getLayout ?? ((page) => page);
+  return getLayout(<Component {...pageProps} />);
 }
 
 export default MyApp;