Fixes

Fixed an issue where media manager only shows files uploaded in specific sections.

Fixed an issue with icon picker names.

Removed jumbo rounding and a few other style tweaks.

src/app/(customer)/home/page.tsx

@@ -14,6 +14,7 @@ import { prisma } from "@/lib/db/prisma";
 import { getAvailableServices } from "@/services/scheduling/availability.service";
 import { listGalleryImages } from "@/services/gallery/gallery.service";
 import { getLoyaltySummary, type LoyaltySummary } from "@/services/loyalty/loyalty.service";
+import { resolveRewardThreshold } from "@/services/loyalty/reward-threshold";
 import { getBusinessReviews } from "@/services/reviews/reviews.service";
 import { HomeTabs } from "@/features/home/components/home-tabs";
 import type { AppointmentStatus } from "@/types/domain";
@@ -142,7 +143,7 @@ export default async function CustomerHomePage() {
     <div>
       {/* Hero — an owner-managed gallery (see /owner/settings/gallery), matching the content width rather than bleeding edge-to-edge. */}
       {heroGalleryImages.length > 0 && (
-        <div className="mx-auto max-w-2xl px-6 pt-4">
+        <div className="mx-auto max-w-2xl px-6 pt-4 bg-white">
           <ImageGallery images={heroGalleryImages} />
         </div>
       )}
@@ -214,8 +215,8 @@ export default async function CustomerHomePage() {
             href="/loyalty"
             className={
               loyalty.availableReward
-                ? "rounded-jumbo border-accent-loyalty bg-accent-loyalty/10 mb-6 block border p-5 shadow-sm"
-                : "rounded-jumbo border-line mb-6 block border bg-white p-5 shadow-sm"
+                ? "rounded-md border-accent-loyalty bg-accent-loyalty/10 mb-6 block border p-5 shadow-sm"
+                : "rounded-md border-line mb-6 block border bg-white p-5 shadow-sm"
             }
           >
             {loyalty.availableReward ? (
@@ -228,14 +229,14 @@ export default async function CustomerHomePage() {
                 <div className="mb-3 flex items-center justify-between">
                   <p className="text-sm font-bold">Loyalty Progress</p>
                   <span className="text-muted text-xs">
-                    {loyalty.currentStamps}/{loyalty.stampsRequired} stamps
+                    {loyalty.currentStamps}/{resolveRewardThreshold(loyalty)} stamps
                   </span>
                 </div>
                 <div className="bg-stone h-2 w-full overflow-hidden rounded-full">
                   <div
                     className="bg-accent-loyalty h-full rounded-full"
                     style={{
-                      width: `${Math.min(100, (loyalty.currentStamps / loyalty.stampsRequired) * 100)}%`,
+                      width: `${Math.min(100, (loyalty.currentStamps / resolveRewardThreshold(loyalty)) * 100)}%`,
                     }}
                   />
                 </div>