fix: fix auto import not fix issues

Author: phodal

src/pages/_app.tsx

@@ -6,6 +6,7 @@ import Head from "next/head";
 import NavBar from "../layout/NavBar";
 
 import "./globals.css";
+import Image from "next/image";
 
 export default function App({ Component, pageProps }: any) {
   return (
@@ -33,7 +34,7 @@ export default function App({ Component, pageProps }: any) {
         {/* Vercel footer */}
         <a className='flex gap-4 items-center' href='https://vercel.com?utm_source=prompt-engineering&utm_campaign=oss'>
           <span>Powered by</span>
-          <img
+          <Image
             src='https://images.ctfassets.net/e5382hct74si/78Olo8EZRdUlcDUFQvnzG7/fa4cdb6dc04c40fceac194134788a0e2/1618983297-powered-by-vercel.svg'
             alt='Vercel Logo'
           />

src/pages/chatgpt-samples/[id].tsx

@@ -1,27 +1,11 @@
 import type { GetStaticPaths, GetStaticProps } from "next";
 import React from "react";
-import {
-  Accordion,
-  AccordionButton,
-  AccordionIcon,
-  AccordionItem,
-  AccordionPanel,
-  Box,
-  Flex,
-  Grid,
-  GridItem,
-  Heading,
-  Link,
-  SimpleGrid,
-  Spacer,
-  Tooltip,
-  Center,
-} from "@chakra-ui/react";
+import { Box, Flex, Heading, Link, Spacer, Tooltip } from "@chakra-ui/react";
 import styled from "@emotion/styled";
-import { ExternalLinkIcon, LinkIcon, QuestionIcon } from "@chakra-ui/icons";
+import { ExternalLinkIcon } from "@chakra-ui/icons";
 import CopyComponent from "@/components/CopyComponent";
 import SimpleMarkdown from "@/components/SimpleMarkdown";
-import { ChatGptIcon } from "@/components/ChatGPTIcon";
+import { ChatGptIcon } from "@/components/CustomIcon";
 
 export const getStaticPaths: GetStaticPaths = async () => {
   const index = await import("@/assets/chatgpt/samples/index.json").then((mod) => mod.default);