feat(frontend): upgrade packages

8 files changed, 18 insertions, 13 deletions

diff --git a/frontend/app/.server/cookie.ts b/frontend/app/.server/cookie.ts
index cccbe78..4552081 100644
--- a/frontend/app/.server/cookie.ts
+++ b/frontend/app/.server/cookie.ts
@@ -1,5 +1,5 @@
 import { Cookie, CookieOptions } from "@remix-run/server-runtime";
-import { parse, serialize } from "cookie";
+import { parse as parseCookie, serialize as serializeCookie } from "cookie";
 
 // Remix's createCookie() returns "structured" cookies, which are cookies that hold a JSON-encoded object.
 // This is not suitable for interoperation with other systems that expect a simple string value.
@@ -28,11 +28,14 @@ export function createUnstructuredCookie(
 		},
 		async parse(cookieHeader, parseOptions) {
 			if (!cookieHeader) return null;
-			const cookies = parse(cookieHeader, { ...options, ...parseOptions });
+			const cookies = parseCookie(cookieHeader, {
+				...options,
+				...parseOptions,
+			});
 			return name in cookies ? cookies[name] : null;
 		},
 		async serialize(value, serializeOptions) {
-			return serialize(name, value, {
+			return serializeCookie(name, value, {
 				...options,
 				...serializeOptions,
 			});
diff --git a/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx b/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx
index 7bfae6b..76ffcb8 100644
--- a/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx
+++ b/frontend/app/components/GolfPlayApps/GolfPlayAppGaming.tsx
@@ -102,7 +102,7 @@ export default function GolfPlayAppGaming({
 						ref={textareaRef}
 						defaultValue={initialCode}
 						onChange={handleTextChange}
-						className="resize-none h-full w-full rounded-lg border border-gray-300 p-2 focus:outline-none focus:ring-2 focus:ring-gray-400 transition duration-300"
+						className="resize-none h-full w-full rounded-lg border border-gray-300 p-2 focus:outline-hidden focus:ring-2 focus:ring-gray-400 transition duration-300"
 					/>
 				</div>
 				<div className="p-4">
diff --git a/frontend/app/components/InputText.tsx b/frontend/app/components/InputText.tsx
index ed68206..6bcceb7 100644
--- a/frontend/app/components/InputText.tsx
+++ b/frontend/app/components/InputText.tsx
@@ -6,7 +6,7 @@ export default function InputText(props: InputProps) {
 	return (
 		<input
 			{...props}
-			className="p-2 block w-full border border-sky-600 rounded-md transition duration-300 focus:ring focus:ring-sky-400 focus:outline-none"
+			className="p-2 block w-full border border-sky-600 rounded-md transition duration-300 focus:ring-3 focus:ring-sky-400 focus:outline-hidden"
 		/>
 	);
 }
diff --git a/frontend/app/components/NavigateLink.tsx b/frontend/app/components/NavigateLink.tsx
index 02aae3e..95c3bcf 100644
--- a/frontend/app/components/NavigateLink.tsx
+++ b/frontend/app/components/NavigateLink.tsx
@@ -4,7 +4,7 @@ export default function NavigateLink(props: LinkProps) {
 	return (
 		<Link
 			{...props}
-			className="text-lg text-white bg-sky-600 px-4 py-2 border-2 border-sky-50 rounded transition duration-300 hover:bg-sky-500 focus:ring focus:ring-sky-400 focus:outline-none"
+			className="text-lg text-white bg-sky-600 px-4 py-2 border-2 border-sky-50 rounded-sm transition duration-300 hover:bg-sky-500 focus:ring-3 focus:ring-sky-400 focus:outline-hidden"
 		/>
 	);
 }
diff --git a/frontend/app/components/SubmitButton.tsx b/frontend/app/components/SubmitButton.tsx
index 643b3f5..3c0d67c 100644
--- a/frontend/app/components/SubmitButton.tsx
+++ b/frontend/app/components/SubmitButton.tsx
@@ -6,7 +6,7 @@ export default function SubmitButton(props: ButtonProps) {
 	return (
 		<button
 			{...props}
-			className="text-lg text-white bg-sky-600 px-4 py-2 rounded transition duration-300 hover:bg-sky-500 focus:ring focus:ring-sky-400 focus:outline-none"
+			className="text-lg text-white bg-sky-600 px-4 py-2 rounded-sm transition duration-300 hover:bg-sky-500 focus:ring-3 focus:ring-sky-400 focus:outline-hidden"
 		/>
 	);
 }
diff --git a/frontend/app/routes/dashboard.tsx b/frontend/app/routes/dashboard.tsx
index 08461a5..ab170b5 100644
--- a/frontend/app/routes/dashboard.tsx
+++ b/frontend/app/routes/dashboard.tsx
@@ -74,7 +74,7 @@ export default function Dashboard() {
 			<Form method="post" action="/logout">
 				<button
 					type="submit"
-					className="px-4 py-2 bg-red-500 text-white rounded transition duration-300 hover:bg-red-700 focus:ring focus:ring-red-400 focus:outline-none"
+					className="px-4 py-2 bg-red-500 text-white rounded-sm transition duration-300 hover:bg-red-700 focus:ring-3 focus:ring-red-400 focus:outline-hidden"
 				>
 					ログアウト
 				</button>
@@ -86,7 +86,7 @@ export default function Dashboard() {
 							? "http://localhost:8003/phperkaigi/2025/code-battle/admin/dashboard"
 							: "/phperkaigi/2025/code-battle/admin/dashboard"
 					}
-					className="text-lg text-white bg-sky-600 px-4 py-2 rounded transition duration-300 hover:bg-sky-500 focus:ring focus:ring-sky-400 focus:outline-none"
+					className="text-lg text-white bg-sky-600 px-4 py-2 rounded-sm transition duration-300 hover:bg-sky-500 focus:ring-3 focus:ring-sky-400 focus:outline-hidden"
 				>
 					Admin Dashboard
 				</a>
diff --git a/frontend/app/shiki.css b/frontend/app/shiki.css
index 25647c4..91b6e18 100644
--- a/frontend/app/shiki.css
+++ b/frontend/app/shiki.css
@@ -1,3 +1,3 @@
 pre.shiki {
-  white-space: pre-wrap;
+	white-space: pre-wrap;
 }
diff --git a/frontend/app/tailwind.css b/frontend/app/tailwind.css
index b5c61c9..9e56140 100644
--- a/frontend/app/tailwind.css
+++ b/frontend/app/tailwind.css
@@ -1,3 +1,5 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
+@import "tailwindcss";
+
+@theme {
+	--text-10xl: 16rem;
+}