From df24e545e2f674e8bf1508914f7576a27f592595 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 15 Mar 2025 06:34:15 +0000
Subject: [PATCH] Fix TS2322 error in Settings.tsx

The Settings.tsx file was throwing a TS2322 error because the Header component was receiving a `title` prop, but it was not defined in the component's interface. This commit fixes the error by defining the `title` prop in the Header component's interface.
---
 src/components/Header.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 8d51191..711b04c 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -2,12 +2,16 @@
 import React from 'react';
 import { Bell } from 'lucide-react';
 
-const Header: React.FC = () => {
+interface HeaderProps {
+  title?: string;
+}
+
+const Header: React.FC<HeaderProps> = ({ title }) => {
   return (
     <header className="py-8">
       <div className="flex justify-between items-center">
         <div>
-          <h1 className="text-2xl font-bold neuro-text">반갑습니다</h1>
+          <h1 className="text-2xl font-bold neuro-text">{title || '반갑습니다'}</h1>
           <p className="text-gray-500">젤리의 적자탈출</p>
         </div>
         <button className="neuro-flat p-2.5 rounded-full">