搜索弹窗和搜索结果页调整

src/app/(public)/search/_components/HotSearch.tsx

@@ -41,7 +41,7 @@ const hotTags = [
 export default function HotSearch() {
 
   return (
-    <div className="w-full max-w-screen-2xl mx-auto  py-6 pb-8">
+    <div className="w-full max-w-[1200px] mx-auto  py-6 pb-8 ">
       <h2 className="text-base font-medium text-black mb-4">Hot Search</h2>
       <div className="flex flex-wrap items-center justify-start gap-3">
         {hotTags.map((tag) => {

src/components/common/skeleton/SearchSkeleton.tsx

@@ -2,7 +2,7 @@ import { MagnifyingGlassIcon } from "@heroicons/react/24/outline";
 
 export const SearchSkeleton = () => {
   return (
-    <div className="max-w-[550px] relative w-full md:min-w-[386px] xl:min-w-[516px]">
+    <div className="max-w-[1200px] relative w-full md:min-w-[386px] xl:min-w-[516px]">
       <input
         className="input w-full rounded-lg border border-neutral-200 bg-white py-2 pl-3 pr-10 text-sm text-black outline-none placeholder:text-neutral-500 dark:border-neutral-800 dark:bg-transparent dark:text-white dark:placeholder:text-neutral-400 md:pl-4"
         placeholder="Search for products..."

src/components/layout/navbar/MobileSearch.tsx

@@ -14,7 +14,7 @@ export const MobileSearchBar = ({
 }) => {
   return (
     <>
-      <div className="block w-full justify-center px-4 mt-3 z-10">
+      <div className="block w-full justify-center mx-auto  mt-8 z-10 max-w-screen-2xl px-4">
         <Suspense fallback={<SearchSkeleton />}>
           <Search search={false} onClose={onClose} />
         </Suspense>

src/components/layout/navbar/SearchPop.tsx

@@ -388,6 +388,7 @@ export default function SearchPop({
               </Grid>
             ) :
             null} */}
+            <p className="text-center font-medium text-base leading-[24px] mb-9">Sorry, we couldn't find any results</p>
             <Recommend 
               paddingClassName="py-0"
               titleClassName="text-base font-semibold"

src/components/layout/navbar/index.tsx

@@ -11,12 +11,13 @@ import {
 import { serverGraphqlFetch } from "@utils/bagisto/index";
 import NavbarSearchIcon from "./NavbarSearchIcon"
 import type { GetTreefrontMenusResult } from "@/types/theme/menus";
-import { authOptions } from "@utils/auth";
-import { getServerSession } from "next-auth";
+// import { authOptions } from "@utils/auth";
+// import { getServerSession } from "next-auth";
+import { auth } from "@/utils/auth/auth-helper";
 import TopSwiperBanner from "./TopSwiperBanner"
 export default async function Navbar() {
 
-    const session = await getServerSession(authOptions);// 游客是null
+    const session = await auth();// 游客是null
     const isGuest = session === null;
 
     const { data: menudata } = await serverGraphqlFetch<