feat: added reject image and migrated to tailwindcss

feat: made it smartphone friendly

nextjs/src/app/admin/layout.tsx

@@ -3,7 +3,7 @@ import type { ReactNode } from 'react';
 
 import Link from 'next/link';
 
-import style from '@/styles/admin.module.scss';
+import { nav, navLink, wrap } from '@/lib/adminUi';
 
 export const metadata: Metadata = {
   title: 'Admin — Catherine League',
@@ -12,12 +12,20 @@ export const metadata: Metadata = {
 
 export default function AdminRootLayout({ children }: { children: ReactNode }) {
   return (
-    <div className={style.wrap}>
-      <nav className={style.nav}>
-        <Link href="/">← Site</Link>
-        <Link href="/admin/login">Login</Link>
-        <Link href="/admin/register">Register</Link>
-        <Link href="/admin">Dashboard</Link>
+    <div className={wrap}>
+      <nav className={nav}>
+        <Link className={navLink} href="/">
+          ← Site
+        </Link>
+        <Link className={navLink} href="/admin/login">
+          Login
+        </Link>
+        <Link className={navLink} href="/admin/register">
+          Register
+        </Link>
+        <Link className={navLink} href="/admin">
+          Dashboard
+        </Link>
       </nav>
       {children}
     </div>