chore: update Tailwind flex-shrink utility to v4 syntax

# Conflicts:
#	package.json
#	pnpm-lock.yaml

.env.example

@@ -0,0 +1,2 @@
+# Redux Persistence Location
+VITE_REDUX_STORAGE=local

.github/workflows/deploy.yml

@@ -35,7 +35,7 @@ jobs:
           node-version: '20'
           
       - name: Setup pnpm
-        uses: pnpm/action-setup@v4
+        uses: pnpm/action-setup@v5
         with:
           version: latest
           

Dockerfile

@@ -1,4 +1,4 @@
-FROM node:20-alpine as builder
+FROM node:24-trixie-slim as builder
 WORKDIR /app
 COPY . .
 RUN corepack enable pnpm

package.json

@@ -12,34 +12,32 @@
     "predeploy": "pnpm build"
   },
   "dependencies": {
-    "@reduxjs/toolkit": "^2.11.1",
-    "@tailwindcss/vite": "^4.1.18",
-    "axios": "^1.13.2",
-    "dayjs": "^1.11.19",
-    "react": "^19.2.3",
-    "react-dom": "^19.2.3",
-    "react-redux": "^9.2.0",
-    "react-router": "^7.10.1",
-    "react-router-dom": "^7.10.1",
+    "@reduxjs/toolkit": "^2.11.2",
+    "@tailwindcss/vite": "^4.2.2",
+    "axios": "^1.16.1",
+    "dayjs": "^1.11.20",
+    "react": "^19.2.6",
+    "react-dom": "^19.2.6",
+    "react-redux": "^9.3.0",
+    "react-router": "^7.16.0",
+    "react-router-dom": "^7.16.0",
     "redux-persist": "^6.0.0",
-    "tailwindcss": "^4.1.18"
+    "tailwindcss": "^4.3.0"
   },
   "devDependencies": {
-    "@types/node": "^22.19.2",
-    "@types/react": "^19.2.7",
+    "@eslint/js": "^9.39.4",
+    "@types/node": "^25.9.1",
+    "@types/react": "^19.2.15",
     "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^5.1.2",
-    "globals": "^16.5.0",
-    "prettier": "^3.7.4",
-    "typescript": "~5.9.3",
-    "vite": "^7.2.7"
-  },
-  "pnpm": {
-    "ignoredBuiltDependencies": [
-      "esbuild"
-    ],
-    "onlyBuiltDependencies": [
-      "@tailwindcss/oxide"
-    ]
+    "@vitejs/plugin-react": "^6.0.2",
+    "eslint": "^9.39.4",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.1.1",
+    "eslint-plugin-react-refresh": "^0.5.2",
+    "globals": "^17.6.0",
+    "prettier": "^3.8.3",
+    "typescript": "~6.0.3",
+    "typescript-eslint": "^8.60.0",
+    "vite": "^8.0.15"
   }
 }

pnpm-workspace.yaml

@@ -0,0 +1,2 @@
+allowBuilds:
+  esbuild: true

src/layout/hero-layout/index.tsx

@@ -45,7 +45,7 @@ export default function HeroLayout() {
       </header>
 
       {/* Main Content Area */}
-      <main className="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8 flex-grow">
+      <main className="max-w-7xl mx-auto py-6 sm:px-6 lg:px-8 grow">
         <div className="px-4 py-6 sm:px-0">
           <Outlet />
         </div>

src/page/home/index.tsx

@@ -24,7 +24,7 @@ export default function Home() {
           <div className="bg-white overflow-hidden shadow rounded-lg">
             <div className="p-6">
               <div className="flex items-center">
-                <div className="flex-shrink-0">
+                <div className="shrink-0">
                   <svg
                     className="h-8 w-8 text-blue-600"
                     fill="none"
@@ -55,7 +55,7 @@ export default function Home() {
           <div className="bg-white overflow-hidden shadow rounded-lg">
             <div className="p-6">
               <div className="flex items-center">
-                <div className="flex-shrink-0">
+                <div className="shrink-0">
                   <svg
                     className="h-8 w-8 text-green-600"
                     fill="none"
@@ -86,7 +86,7 @@ export default function Home() {
           <div className="bg-white overflow-hidden shadow rounded-lg">
             <div className="p-6">
               <div className="flex items-center">
-                <div className="flex-shrink-0">
+                <div className="shrink-0">
                   <svg
                     className="h-8 w-8 text-purple-600"
                     fill="none"

src/store/index.ts

@@ -10,10 +10,11 @@ import {
   PURGE,
   REGISTER,
 } from "redux-persist"
-import storage from "redux-persist/lib/storage/session" // use session storage
-// import storage from "redux-persist/lib/storage" // use local storage
+import createWebStorage from "redux-persist/es/storage/createWebStorage"
 import authReducer from "./auth-slice"
 
+const storage = createWebStorage(import.meta.env.VITE_REDUX_STORAGE ?? "local")
+
 const persistConfig = {
   key: "root",
   storage,

src/vite-env.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="vite/client" />
 interface ImportMetaEnv {
-  // todo add env properties here
+  readonly VITE_REDUX_STORAGE: "local" | "session"
 }
 
 interface ImportMeta {