refactor: standardize vertical spacing across feature sections

- Reduced py-10 to py-8 for consistent spacing in feature grids and carousels
- Restructured HomeHosting and HomeTab sections with full-width border layout pattern
- Replaced HomeTab card grid with bento-style component showcase layout

src/components/ui/apple-cards-carousel.tsx

@@ -62,7 +62,7 @@ export const Carousel = ({ items, initialScroll = 0 }: CarouselProps) => {
   return (
       <div className="relative w-full">
         <div
-          className="flex w-full overflow-x-scroll overscroll-x-auto scroll-smooth py-10 [scrollbar-width:none] md:py-20"
+          className="flex w-full overflow-x-scroll overscroll-x-auto scroll-smooth py-8 [scrollbar-width:none] md:py-20"
           ref={carouselRef}
           onScroll={checkScrollability}
         >
@@ -135,7 +135,7 @@ export const Card = ({
           layoutId={layout ? `card-${card.title}` : undefined}
           className="relative z-10 flex h-104 w-80 flex-col justify-between overflow-hidden rounded-3xl p-8 md:h-120 md:w-96"
         >
-        <div className="flex h-2/5 flex-col justify-center py-6 px-4">
+        <div className="flex h-2/5 flex-col justify-center py-4 px-4">
           <motion.p
             layoutId={layout ? `category-${card.category}` : undefined}
             className="text-left font-sans font-semibold text-cyan-500 uppercase tracking-wider text-xs   md:text-sm"