chore: update package versions and dependencies across multiple files (#416)

* chore: update package versions and dependencies across multiple files

- Bumped application version to 2.21.4 in package.json.
- Updated @supabase/supabase-js to version 2.84.0 and @tanstack/react-query to version 5.90.10.
- Incremented various dependencies including lucide-react to version 0.554.0, react-hook-form to version 7.66.1, and react-i18next to version 16.3.5.
- Adjusted @types/nodemailer to version 7.0.4 for consistency.
- Refactored package.json files to utilize catalog dependencies for improved management.

* chore: update Stripe API version to 2025-11-17.clover in stripe-sdk.ts

* fix: update wording for password recovery prompt in auth.json

apps/web/lib/fonts.ts

@@ -9,7 +9,7 @@ import { cn } from '@kit/ui/utils';
  */
 const sans = SansFont({
   subsets: ['latin'],
-  variable: '--font-sans',
+  variable: '--font-sans-fallback',
   fallback: ['system-ui', 'Helvetica Neue', 'Helvetica', 'Arial'],
   preload: true,
   weight: ['300', '400', '500', '600', '700'],

apps/web/package.json

@@ -60,14 +60,14 @@
     "@tanstack/react-query": "catalog:",
     "@tanstack/react-table": "^8.21.3",
     "date-fns": "^4.1.0",
-    "lucide-react": "^0.553.0",
+    "lucide-react": "^0.554.0",
     "next": "catalog:",
     "next-sitemap": "^4.2.3",
     "next-themes": "0.4.6",
     "react": "catalog:",
     "react-dom": "19.2.0",
-    "react-hook-form": "^7.66.0",
-    "react-i18next": "^16.3.3",
+    "react-hook-form": "^7.66.1",
+    "react-i18next": "^16.3.5",
     "recharts": "2.15.3",
     "tailwind-merge": "^3.4.0",
     "tw-animate-css": "catalog:",

apps/web/public/locales/en/auth.json

@@ -28,7 +28,7 @@
   "passwordHint": "Ensure it's at least 8 characters",
   "repeatPasswordHint": "Type your password again",
   "repeatPassword": "Repeat password",
-  "passwordForgottenQuestion": "Password forgotten?",
+  "passwordForgottenQuestion": "Forgot Password?",
   "passwordResetLabel": "Reset Password",
   "passwordResetSubheading": "Enter your email address below. You will receive a link to reset your password.",
   "passwordResetSuccessMessage": "Check your Inbox! We emailed you a link for resetting your Password.",

apps/web/styles/makerkit.css

@@ -9,34 +9,42 @@
 Optimize dropdowns for mobile
  */
 [data-radix-popper-content-wrapper] {
-    @apply w-full md:w-auto;
+  @apply w-full md:w-auto;
 }
 
 [data-radix-menu-content] {
-    @apply rounded-none md:rounded-lg w-full md:w-auto;
+  @apply w-full rounded-none md:w-auto md:rounded-lg;
 }
 
-[data-radix-menu-content] [role="menuitem"] {
-    @apply md:min-h-0 min-h-12;
+[data-radix-menu-content] [role='menuitem'] {
+  @apply min-h-12 md:min-h-0;
 }
 
 .site-header > .container:before,
 .site-footer > .container:before {
-    background: radial-gradient(62.87% 100% at 50% 100%, var(--color-gray-200) 0%, rgba(255, 255, 255, 0) 100%);
+  background: radial-gradient(
+    62.87% 100% at 50% 100%,
+    var(--color-gray-200) 0%,
+    rgba(255, 255, 255, 0) 100%
+  );
 
-    bottom: 0;
-    content: "";
-    height: 1px;
-    left: 0;
-    position: absolute;
-    width: 100%;
+  bottom: 0;
+  content: '';
+  height: 1px;
+  left: 0;
+  position: absolute;
+  width: 100%;
 }
 
 .dark .site-header > .container:before,
 .dark .site-footer > .container:before {
-    background: radial-gradient(62.87% 100% at 50% 100%, rgba(255, 255, 255, .10) 0%, rgba(255, 255, 255, 0) 100%);
+  background: radial-gradient(
+    62.87% 100% at 50% 100%,
+    rgba(255, 255, 255, 0.1) 0%,
+    rgba(255, 255, 255, 0) 100%
+  );
 }
 
 .site-footer > .container:before {
-    top: 0;
-}
+  top: 0;
+}

apps/web/styles/shadcn-ui.css

@@ -8,9 +8,7 @@
 
 @layer base {
   :root {
-    --font-sans:
-      -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial,
-      sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+    --font-sans: -apple-system, BlinkMacSystemFont, var(--font-sans-fallback);
     --font-heading: var(--font-sans);
 
     --background: var(--color-white);

apps/web/styles/theme.utilities.css

@@ -1,5 +1,5 @@
 @utility container {
   margin-inline: auto;
 
-  @apply xl:max-w-[80rem] px-4 lg:px-8;
+  @apply px-4 lg:px-8 xl:max-w-[80rem];
 }