add missing files

src/app/area/[...slug]/SubAreasSection.tsx

@@ -0,0 +1,28 @@
+import Link from 'next/link'
+import { PlusCircle } from '@phosphor-icons/react/dist/ssr'
+import { AreaList } from 'app/editArea/[slug]/general/components/AreaList'
+import { AreaEntityBullet } from '@/components/cues/Entities'
+import { AreaType } from '@/js/types'
+
+/**
+ * Sub-areas section
+ */
+export const SubAreasSection: React.FC<{ area: AreaType } > = ({ area }) => {
+  const { uuid, children } = area
+  return (
+    <section className='w-full mt-16'>
+      <div className='flex items-center justify-between'>
+        <div className='flex items-center gap-3'>
+          <h3 className='flex items-center gap-4'><AreaEntityBullet />{children.length} Areas</h3>
+        </div>
+        <Link href={`/editArea/${uuid}/general#addArea`} className='btn btn-primary'>
+          <PlusCircle size={24} weight='duotone' /> New Areas
+        </Link>
+      </div>
+
+      <hr className='my-6 border-2 border-base-content' />
+
+      <AreaList parentUuid={uuid} areas={children} />
+    </section>
+  )
+}