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/features/home/components/home-tabs.tsx

@@ -1,13 +1,12 @@
 "use client";
 
 import { useMemo, useState } from "react";
-import Link from "next/link";
 import { AtSign, Globe, Mail, Phone, Search, Share2, Star } from "lucide-react";
-import { Button } from "@/components/ui/button";
 import { BarberCard } from "@/components/ui/barber-card";
 import { Card } from "@/components/ui/card";
 import { ServiceCard } from "@/components/ui/service-card";
 import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { BookServiceButton } from "@/features/booking/components/book-service-button";
 import { cn } from "@/lib/utils/cn";
 import type { AvailableService } from "@/services/scheduling/availability.service";
 import type { BusinessReviewSummary } from "@/services/reviews/reviews.service";
@@ -40,7 +39,7 @@ export interface HomeTabsProps {
 export function HomeTabs(props: HomeTabsProps) {
   return (
     <Tabs defaultValue="services">
-      <TabsList className="bg-stone border-line sticky top-0 z-30 -mx-6 rounded-none border-b px-6 py-3">
+      <TabsList className="bg-white border-t border-b border-line sticky top-0 z-30 -mx-6 rounded-none px-6 py-3">
         <TabsTrigger value="services">Services</TabsTrigger>
         <TabsTrigger value="portfolio">Portfolio</TabsTrigger>
         <TabsTrigger value="reviews">Reviews</TabsTrigger>
@@ -165,11 +164,7 @@ function ServicesTab({
                     durationMinutes: service.durationMinutes,
                     formattedPrice: `£${Number(service.price).toFixed(2)}`,
                   }}
-                  action={
-                    <Button asChild size="sm">
-                      <Link href="/book">Book</Link>
-                    </Button>
-                  }
+                  action={<BookServiceButton serviceId={service.id} />}
                 />
               ))}
             </Card>
@@ -289,7 +284,7 @@ function DetailsTab({
     <div className="space-y-8">
       {mapEmbedSrc && (
         <section>
-          <div className="bg-stone aspect-[16/9] w-full overflow-hidden rounded-jumbo">
+          <div className="bg-stone aspect-[16/9] w-full overflow-hidden rounded-md">
             <iframe
               src={mapEmbedSrc}
               title="Business location map"
@@ -336,7 +331,7 @@ function DetailsTab({
       {(hasSocial || phone || email) && (
         <section>
           <h3 className="text-muted mb-3 text-xs font-bold tracking-widest uppercase">Social &amp; Contact</h3>
-          <div className="grid grid-cols-2 gap-3">
+          <div className="grid grid-cols-3 gap-3">
             {phone && (
               <a href={`tel:${phone}`} className="border-line flex items-center justify-center gap-2 rounded-xl border bg-white py-4 text-sm font-bold">
                 <Phone className="text-accent h-4 w-4" aria-hidden="true" /> Call