Merge pull request #771 from NUTFes/feat/yama/768-Create-500-Page

[feat] 500ページの作成

view/next-project/src/pages/500.tsx

@@ -0,0 +1,26 @@
+import Image from 'next/image';
+import { PrimaryButton } from '@/components/common';
+
+export default function Custom500() {
+  return (
+    <div className='flex h-screen flex-col'>
+      <header className='flex h-16 w-full items-center justify-center bg-primary-4'>
+        <div className='w-24 md:w-40'>
+          <Image src='/logo.svg' alt='FinanSu' width={150} height={40} className='h-fit w-fit' />
+        </div>
+      </header>
+      <main className='bg-gray-100 flex flex-grow items-center justify-center text-center'>
+        <div className='bg-white m-4 flex w-fit flex-col items-center rounded-lg p-5 shadow-md md:m-8 md:w-1/2 md:p-10'>
+          <h1 className='text-8xl font-bold'>500</h1>
+          <h2 className='text-3xl'>Internal Server Error</h2>
+          <p className='text-1xl text-gray-600 mt-4'>
+            アクセスしようとしたページは表示できませんでした。
+          </p>
+          <PrimaryButton className='mt-4' onClick={() => window.history.back()}>
+            前のページに戻る
+          </PrimaryButton>
+        </div>
+      </main>
+    </div>
+  );
+}