feat: rewrite to Next.js v13 app directory

Improvements:
- Hide switch theme input (ugly little white square)
- i18n without subpath (e.g: /fr or /en), same url whatever the locale used

components/Footer/FooterText.tsx

@@ -0,0 +1,19 @@
+import Link from 'next/link'
+
+import { getI18n } from '@/i18n/i18n.server'
+
+export const FooterText = (): JSX.Element => {
+  const i18n = getI18n()
+
+  return (
+    <p>
+      <Link
+        href='/'
+        className='text-yellow hover:underline dark:text-yellow-dark'
+      >
+        Théo LUDWIG
+      </Link>{' '}
+      | {i18n.translate('common.all-rights-reserved')}
+    </p>
+  )
+}

components/Footer/FooterVersion.tsx

@@ -0,0 +1,28 @@
+import { useMemo } from 'react'
+
+interface FooterVersionProps {
+  version: string
+}
+
+export const FooterVersion = (props: FooterVersionProps): JSX.Element => {
+  const { version } = props
+
+  const versionLink = useMemo(() => {
+    return `https://github.com/theoludwig/theoludwig/releases/tag/v${version}`
+  }, [version])
+
+  return (
+    <p className='mt-1'>
+      Version{' '}
+      <a
+        data-cy='version-link'
+        className='text-yellow hover:underline dark:text-yellow-dark'
+        href={versionLink}
+        target='_blank'
+        rel='noopener noreferrer'
+      >
+        {version}
+      </a>
+    </p>
+  )
+}

components/Footer/index.tsx

@@ -0,0 +1,14 @@
+import { FooterText } from './FooterText'
+import { FooterVersion } from './FooterVersion'
+
+export const Footer = async (): Promise<JSX.Element> => {
+  const { readPackage } = await import('read-pkg')
+  const { version } = await readPackage()
+
+  return (
+    <footer className='flex flex-col items-center justify-center border-t-2 border-gray-600 bg-white py-6 text-lg dark:border-gray-400 dark:bg-black'>
+      <FooterText />
+      <FooterVersion version={version} />
+    </footer>
+  )
+}