Reduce spacing in Header

Reduced the spacing between "젤리의 적자 탈출" and the graph in the Header component.

src/components/Header.tsx

@@ -1,8 +1,10 @@
+
 import React, { useState, useEffect } from 'react';
 import { Bell } from 'lucide-react';
 import { useAuth } from '@/contexts/auth';
 import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar';
 import { Skeleton } from '@/components/ui/skeleton';
+
 const Header: React.FC = () => {
   const {
     user
@@ -23,7 +25,8 @@ const Header: React.FC = () => {
       setImageError(true);
     };
   }, []);
-  return <header className="py-8">
+
+  return <header className="py-4">
       <div className="flex justify-between items-center">
         <div className="flex items-center">
           <Avatar className="h-12 w-12 mr-3">
@@ -47,4 +50,5 @@ const Header: React.FC = () => {
       </div>
     </header>;
 };
+
 export default Header;

src/components/home/HomeContent.tsx

@@ -57,7 +57,7 @@ const HomeContent: React.FC<HomeContentProps> = ({
       )}
 
       {/* 목표 진행 상황 */}
-      <h2 className="text-lg font-semibold mb-3 mt-6">예산과 지출</h2>
+      <h2 className="text-lg font-semibold mb-2 mt-4">예산과 지출</h2>
       <BudgetProgressCard 
         budgetData={budgetData}
         selectedTab={selectedTab}