refactor: adjust heading styles in CollectionFilters for tighter spacing and improved visual consistency

Author: dangthang1903

app/sections/collection-filters/index.tsx

@@ -84,7 +84,7 @@ const CollectionFilters = forwardRef<HTMLElement, CollectionFiltersProps>(
             {showBreadcrumb && (
               <BreadCrumb page={collection.title} className="mb-2.5" />
             )}
-            <h4 className="md:hidden block uppercase tracking-tight">{collection.title}</h4>
+            <h4 className="md:hidden block uppercase tracking-tighter">{collection.title}</h4>
             {showDescription && collection.description && (
               <p className="text-body-subtle mt-2.5">
                 {collection.description}

app/sections/collection-filters/tools-bar.tsx

@@ -33,7 +33,7 @@ export function ToolsBar({
     <div className="py-3">
       <div className="gap-4 md:gap-8 flex w-full items-center justify-between h-full">
         <div className="md:block hidden h-full space-y-3.5">
-          <h4 className="uppercase tracking-tight">{collection.title}</h4>
+          <h4 className="uppercase tracking-tighter">{collection.title}</h4>
           {showProductsCount && (
             <span className="hidden md:inline uppercase">
               products ({collection?.products.nodes.length})