Update heading styles in SectorsListingPage for improved typography

Author: sanjaypinna

app/[locale]/(user)/sectors/page.tsx

@@ -76,8 +76,12 @@ const SectorsListingPage = () => {
           <div className="w-full">
             <div className=" bg-primaryBlue">
               <div className=" container flex flex-col-reverse items-center gap-8 py-10 lg:flex-row ">
-                <div className="flex flex-col gap-6 ">
-                  <Text variant="heading3xl" color="onBgDefault">
+                <div className="flex flex-col gap-5 ">
+                  <Text
+                    variant="heading2xl"
+                    fontWeight="bold"
+                    color="onBgDefault"
+                  >
                     Our Sectors
                   </Text>
                   <Text
@@ -121,7 +125,9 @@ const SectorsListingPage = () => {
               </div>
             </div>
             <div className="container flex flex-col gap-5 py-10 lg:gap-10">
-              <Text variant="heading3xl">Explore Sectors</Text>
+              <Text variant="heading2xl" fontWeight="bold">
+                Explore Sectors
+              </Text>
               <div className="flex w-full flex-col justify-center gap-6">
                 <div className="flex flex-wrap gap-6 lg:flex-nowrap">
                   <SearchInput