♻️refactor: rename subcontent

app/navbar.tsx

@@ -35,17 +35,17 @@
   {
     name: '過去の実績',
     icon: SparklesIcon,
-    children: history,
+    content: history,
   },
   {
     name: 'サポーター/パートナー',
     icon: HeartIcon,
-    children: area,
+    content: area,
   },
   {
     name: 'お問い合わせ',
     icon: QuestionMarkCircleIcon,
-    children: siteInfo,
+    content: siteInfo,
   },
 ]
 
@@ -116,24 +116,24 @@
         <Bars3CenterLeftIcon className="h-7 w-7" />
       </div>
       <ul className="menu menu-sm dropdown-content z-[1] mt-3 w-52 rounded-box bg-base-100 p-2 shadow">
         {navItems.map((item) => (
           <li key={item.name}>
-            {item.children ? (
+            {item.content ? (
               <>
                 <Link href="#">
                   <item.icon className="h-5 w-5" />
                   {item.name}
                 </Link>
-                <ChildNavItems childNavItems={item.children} />
+                <SubContent content={item.content} />
               </>
             ) : (
               <Link href={item.href}>
                 <item.icon className="h-5 w-5" />
                 {item.name}
               </Link>
             )}
           </li>
         ))}
       </ul>
     </div>
   )
@@ -143,41 +143,41 @@
   return (
     <div className="navbar-center hidden lg:flex">
       <ul className="menu menu-horizontal px-1">
         {navItems.map((item) => (
           <li key={item.name}>
-            {item.children ? (
+            {item.content ? (
               <details>
                 <summary>
                   <item.icon className="h-5 w-5" />
                   {item.name}
                 </summary>
-                <ChildNavItems childNavItems={item.children} />
+                <SubContent content={item.content} />
               </details>
             ) : (
               <Link href={item.href}>
                 <item.icon className="h-5 w-5" />
                 {item.name}
               </Link>
             )}
           </li>
         ))}
       </ul>
     </div>
   )
 }
 
-function ChildNavItems({
-  childNavItems,
+function SubContent({
+  content,
 }: {
-  childNavItems: { name: string; href: string }[]
+  content: { name: string; href: string }[]
 }) {
   return (
     <ul className="p-2">
-      {childNavItems.map((item) => (
+      {content.map((item) => (
         <li key={item.name}>
           <Link href={item.href}>{item.name}</Link>
         </li>
       ))}
     </ul>
   )
 }
@@ -191,17 +191,17 @@
           <ChevronDownIcon className="h-5 w-5" />
         </div>
         <ul className="dropdown-content z-[1] w-52 rounded-box bg-base-300 p-2 shadow-2xl">
           {themeLists.map((item) => (
             <li key={item.name}>
               <input
                 type="radio"
                 name="theme-dropdown"
                 className="theme-controller btn btn-sm btn-block btn-ghost justify-start"
                 aria-label={item.name}
                 value={item.value}
               />
             </li>
           ))}
         </ul>
       </div>
     </div>