refactor(src): const → function

Author: ythecombinator

src/components/layouts/blog-entry.tsx

@@ -1,4 +1,4 @@
-import { FunctionComponent, PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 
 import { Routes } from 'config/constants';
 

src/components/layouts/mdx-entry.tsx

@@ -1,5 +1,5 @@
 import { usePathname } from 'next/navigation';
-import { FunctionComponent, PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 
 import { MDXEntry } from 'services/content/markdown';
 

src/components/pages/about/customer-portfolio.tsx

@@ -1,6 +1,5 @@
 import { motion } from 'framer-motion';
 import Image from 'next/image';
-import { FunctionComponent } from 'react';
 
 //  ---------------------------------------------------------------------------
 //  TYPES

src/components/pages/about/inventory.tsx

@@ -1,4 +1,4 @@
-import { FunctionComponent, useId } from 'react';
+import { useId } from 'react';
 
 import Typography from 'components/shared/typography';
 

src/components/pages/posts/all-posts-section-item-skeleton.tsx

@@ -1,5 +1,4 @@
 import { useTheme } from 'next-themes';
-import { FunctionComponent, PropsWithChildren } from 'react';
 import ContentLoader from 'react-content-loader';
 import colors from 'tailwindcss/colors';
 

src/components/pages/posts/all-posts-section-item.tsx

@@ -1,4 +1,4 @@
-import { FunctionComponent, PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 
 import { Routes } from 'config/constants';
 

src/components/pages/posts/all-posts-section-skeleton.tsx

@@ -1,4 +1,4 @@
-import { FunctionComponent, PropsWithChildren, useMemo } from 'react';
+import { PropsWithChildren, useMemo } from 'react';
 
 import SectionContainer from 'components/shared/section-container';
 

src/components/pages/talk/events-section-item.tsx

@@ -1,4 +1,4 @@
-import { FunctionComponent, PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 import { BsFillCalendarEventFill } from 'react-icons/bs';
 import { CgWebsite } from 'react-icons/cg';
 import { FaMapMarkedAlt, FaSpeakerDeck, FaYoutube } from 'react-icons/fa';

src/components/pages/talk/events-section.tsx

@@ -1,4 +1,4 @@
-import { FunctionComponent, PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 
 import SectionContainer from 'components/shared/section-container';
 import SectionHeading from 'components/shared/section-heading';

src/components/pages/talks-radar/list-section.tsx

@@ -8,7 +8,7 @@ import {
   getSortedRowModel,
   useReactTable,
 } from '@tanstack/react-table';
-import { FunctionComponent, PropsWithChildren, useState } from 'react';
+import { PropsWithChildren, useState } from 'react';
 import { BiSort } from 'react-icons/bi';
 
 import {