fix: fix React imports

src/components/atoms/Footer.tsx

@@ -1,4 +1,5 @@
-import React, { ReactNode } from "react"
+import * as React from "react"
+import { ReactNode } from "react"
 import { Box, useTheme } from "@mui/material"
 
 export type FooterProps = {

src/components/organisms/Layout.tsx

@@ -1,4 +1,5 @@
-import React, { ReactNode, useMemo } from "react"
+import * as React from "react"
+import { ReactNode, useMemo } from "react"
 import { AppBar, Box, Button, Container, createTheme, CssBaseline, Link, ThemeProvider, Toolbar, Typography, useMediaQuery, useTheme } from "@mui/material"
 import CodeIcon from "@mui/icons-material/Code"
 import { Link as GatsbyLink } from "gatsby"

src/pages/404.tsx

@@ -1,4 +1,4 @@
-import React from "react"
+import * as React from "react"
 import { Link } from "gatsby"
 
 // styles

src/pages/blog/index.tsx

@@ -1,4 +1,5 @@
-import React, { ReactNode } from "react"
+import * as React from "react"
+import { ReactNode } from "react"
 import { GatsbyLinkProps, graphql, Link, PageProps } from "gatsby"
 import Layout from "../../components/organisms/Layout"
 import { Card, CardContent, CardMedia, Grid, Typography } from "@mui/material"

src/pages/index.tsx

@@ -1,4 +1,4 @@
-import React from "react"
+import * as React from "react"
 import styled from "@emotion/styled"
 import { Box, Card as Card_, CardContent, Grid, Typography } from "@mui/material"
 import {