added credentials for authorize user

src/app/(dashboard)/(user)/(outsideAuth)/support/page.tsx

@@ -15,7 +15,7 @@ export default function Support() {
 			</div>
 
 			<div className="grid xl:grid-cols-3 lg:grid-cols-2 grid-cols-1 gap-6">
-				<GlassWrapper className="p-6">
+				{/* <GlassWrapper className="p-6">
 					<img
 						src="/assets/images/chat.svg"
 						alt="chat"
@@ -33,7 +33,7 @@ export default function Support() {
 						}}>
 						Start Live Chat
 					</a>
-				</GlassWrapper>
+				</GlassWrapper> */}
 				<GlassWrapper className="p-6">
 					<img
 						src="/assets/images/support.svg"
@@ -44,7 +44,7 @@ export default function Support() {
 					<p className="text-[11px] mb-8">
 						Questions about your account or gameplay? Our team is here for you.
 					</p>
-					<Link href="#" className="underline">support@sweepstakeonline.com</Link>
+					<Link href="mailto:support@sweepstakeonline.com" className="underline">support@sweepstakeonline.com</Link>
 				</GlassWrapper>
 				<GlassWrapper className="p-6">
 					<img
@@ -56,7 +56,7 @@ export default function Support() {
 					<p className="text-[11px] mb-8">
 						Questions about your account or gameplay? Our team is here for you.
 					</p>
-					<Link href="#" className="underline">technical@sweepstakeonline.com</Link>
+					<Link href="mailto:technical@sweepstakeonline.com" className="underline">technical@sweepstakeonline.com</Link>
 				</GlassWrapper>
 			</div>
 		</section>

src/components/organism/Sidebar/UserSidebar/index.tsx

@@ -12,6 +12,7 @@ import {
     Home,
     StatusUp,
     MessageQuestion,
+    PasswordCheck,
 } from "@wandersonalwes/iconsax-react";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
@@ -34,12 +35,13 @@ const staticMenus = [
         path: PATH.USER.GAMES.ROOT,
         match: (pathname: string) => pathname.startsWith(PATH.USER.GAMES.ROOT),
     },
-    // {
-    //     name: "FAQ & Help",
-    //     icon: <MessageQuestion size={18} />,
-    //     path: "/faq",
-    //     match: (pathname: string) => pathname.startsWith("/faq"),
-    // },
+    {
+        name: "Credentials",
+        icon: <PasswordCheck size={18} />,
+        path: "/credentials",
+        match: (pathname: string) => pathname.startsWith("/credentials"),
+        requireAuth: true
+    },
 ];
 
 export default function UserMenu({ open }: { open: boolean }) {
@@ -123,7 +125,8 @@ export default function UserMenu({ open }: { open: boolean }) {
                     {/* 🧩 Loop Static Menus */}
                     {staticMenus.map((menu) => {
                         const isActive = menu.match(pathname);
-                        return (
+
+                        const menuItem = (
                             <ListItem
                                 key={menu.name}
                                 onMouseEnter={handleMouseEnter}
@@ -131,10 +134,8 @@ export default function UserMenu({ open }: { open: boolean }) {
                             >
                                 <Link
                                     href={menu.path}
-                                    className={`flex gap-2 items-center px-4 py-2 rounded-md transition-all ${[
-                                        open ? "expanded" : "collapsed",
-                                        isActive ? "active__menu" : "",
-                                    ].join(" ")}`}
+                                    className={`flex gap-2 items-center px-4 py-2 rounded-md transition-all ${[open ? "expanded" : "collapsed", isActive ? "active__menu" : ""].join(" ")
+                                        }`}
                                 >
                                     <ListItemIcon>{menu.icon}</ListItemIcon>
                                     <ListItemText
@@ -144,6 +145,9 @@ export default function UserMenu({ open }: { open: boolean }) {
                                 </Link>
                             </ListItem>
                         );
+
+                        // Wrap with <Private> only if requireAuth is true
+                        return menu.requireAuth ? <Private key={menu.name}>{menuItem}</Private> : menuItem;
                     })}
                 </List>
 

src/components/pages/dashboard/userDashboard/games/exclusiveGames/exclusiveGameDetail/index.tsx

@@ -41,7 +41,7 @@ export default function ExclusiveGameDetail({ game }: { game: SingleGameResponse
 
                                 <UserCoin slug={game?.data?.provider} />
 
-                                {game?.data?.provider == "goldcoincity" ? "":
+                                {game?.data?.provider == "goldcoincity" ? "" :
                                     <Box sx={{
                                         borderRadius: "16px"
                                     }} className="flex justify-center items-center gap-2 py-4 px-6 bg-secondary-grad text-title ss-btn">
@@ -63,7 +63,7 @@ export default function ExclusiveGameDetail({ game }: { game: SingleGameResponse
 
                             </div>
 
-                            <div className="game_cred">
+                            <div className="game_cred md:max-w-1/2">
                                 <h2 className="text-[24px]">Credentials for {game?.data?.name}</h2>
                                 <SingleGameCred username={game?.data?.user?.name || ""} password={game?.data?.user?.password || ""} />
                             </div>