udpate

app/components/Navbar/MobileNavbarItem.tsx

@@ -13,7 +13,7 @@ export const MobileNavbarItem = ({
       return (
         <MobileLink
           key={`mobileitem-${item.content}`}
-          href={item.fullLink ? item.fullLink: item.link}
+          href={item.fullLink ? item.fullLink : item.link}
           onClick={(e) => {
             item.onClick?.(e);
             onNavItemClick();

app/components/Navbar/NavbarItem.tsx

@@ -33,7 +33,10 @@ export const NavbarItem = ({ item }: { item: NavbarMenuItem }) => {
                       key={`dropdown-${item.content}`}
                       className="cursor-pointer"
                     >
-                      <Link to={child.fullLink ? child.fullLink: child.link} className="flex items-center">
+                      <Link
+                        to={child.fullLink ? child.fullLink : child.link}
+                        className="flex items-center"
+                      >
                         {child.icon}
                         <span>{child.content}</span>
                       </Link>
@@ -67,7 +70,9 @@ export const NavbarItem = ({ item }: { item: NavbarMenuItem }) => {
   if (item.link) {
     return (
       <Button variant={variant} asChild>
-        <Link to={item.fullLink ? item.fullLink: item.link}>{item.content}</Link>
+        <Link to={item.fullLink ? item.fullLink : item.link}>
+          {item.content}
+        </Link>
       </Button>
     );
   }

app/components/Navbar/index.tsx

@@ -28,10 +28,10 @@ export const Navbar = () => {
   const browser = Bowser.getParser(window.navigator.userAgent);
   const isMobileSafari = browser.satisfies({
     mobile: {
-      safari: '>=9',
+      safari: ">=9",
     },
   });
-  
+
   const { impersonation, setImpersonation } = useAuthContext();
 
   const [impersonateModal, setImpersonateModal] = useState(false);
@@ -104,7 +104,9 @@ export const Navbar = () => {
         {
           content: "Login",
           link: urls.login,
-          fullLink: isMobileSafari ? `x-safari-https://tickets.communityos.io/${urls.login}` : undefined,
+          fullLink: isMobileSafari
+            ? `x-safari-https://tickets.communityos.io/${urls.login}`
+            : undefined,
           variant: "secondary",
           show: isAuthReady && !isLogged,
         },

functions/[[path]].ts

@@ -1,11 +1,11 @@
 /* eslint-disable */
-import { createPagesFunctionHandler } from '@remix-run/cloudflare-pages'
+import { createPagesFunctionHandler } from "@remix-run/cloudflare-pages";
 
 // eslint-disable-next-line @typescript-eslint/ban-ts-comment
 // @ts-ignore - the server build file is generated by `remix vite:build`
 // eslint-disable-next-line import/no-unresolved
-import * as build from '../build/server'
+import * as build from "../build/server";
 
 export const onRequest = createPagesFunctionHandler({
   build,
-})
+});

tailwind.config.js

@@ -6,7 +6,6 @@ const colors = require("tailwindcss/colors");
 const {
   default: flattenColorPalette,
 } = require("tailwindcss/lib/util/flattenColorPalette");
-
 
 module.exports = {
   darkMode: ["class"],
@@ -27,8 +26,8 @@ module.exports = {
     },
     extend: {
       fontFamily: {
-        "cal": ["Cal Sans", "sans-serif"],
-        "inter": ["Inter Variable", "sans-serif"],
+        cal: ["Cal Sans", "sans-serif"],
+        inter: ["Inter Variable", "sans-serif"],
       },
       colors: {
         border: "hsl(var(--border))",
@@ -86,19 +85,16 @@ module.exports = {
       },
     },
   },
-  plugins: [
-    require("tailwindcss-animate"),
-    addVariablesForColors
-  ],
+  plugins: [require("tailwindcss-animate"), addVariablesForColors],
 };
 
 function addVariablesForColors({ addBase, theme }) {
   let allColors = flattenColorPalette(theme("colors"));
   let newVars = Object.fromEntries(
-    Object.entries(allColors).map(([key, val]) => [`--${key}`, val])
+    Object.entries(allColors).map(([key, val]) => [`--${key}`, val]),
   );
- 
+
   addBase({
     ":root": newVars,
   });
-}
+}