add comission

app/components/BottomNav.js

@@ -5,8 +5,6 @@ import { usePathname } from "next/navigation";
 import { Home, Building2, Building, CalendarCheck, CalendarDays, ClipboardList, CreditCard, BookOpenCheck } from "lucide-react";
 import React, { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
-import { label } from "framer-motion/client";
-
 export default function BottomNav({ isOwner, isOwnerOrAgent }) {
   const { t } = useTranslation();
   const pathname = usePathname();
@@ -52,7 +50,13 @@ export default function BottomNav({ isOwner, isOwnerOrAgent }) {
       pointer-events-auto
     "
       >
-        <div className="flex  items-center justify-center  gap-0.5 sm:gap-1   overflow-hidden ">
+        <div
+          className="flex items-center sm:justify-center gap-0.5 sm:gap-1 overflow-x-auto  max-w-full 
+          [&::-webkit-scrollbar]:h-1.5
+        [&::-webkit-scrollbar-track]:bg-gray-100
+        [&::-webkit-scrollbar-thumb]:bg-gray-700
+           [&::-webkit-scrollbar-thumb]:rounded-full hover:[&::-webkit-scrollbar-thumb]:bg-gray-700"
+        >
           {items.map((it) => {
             const Icon = it.icon;
             const active = isActive(it.href);

app/components/LoginComponent/OtpComponent.js

@@ -28,8 +28,6 @@ export default function OtpComponent({ isLoading, setIsLoading, isSuccess, setIs
       if (result?.ok) {
         try {
           await AuthService.cacheCurrentUser(getOwnerByUserId, getCustomerByUserId);
-          console.log("Decoded:", AuthService.decodeToken());
-          console.log("User:", AuthService.getUser());
         } catch (err) {
           console.warn("Failed to cache user", err);
         }