update the burn page

src/app/burn/page.js

@@ -141,6 +141,7 @@ const Burn = () => {
                   icon={Floki}
                   py="py-[16px]"
                   heigh="h-[60px]"
+                  onClick={() => setPage(page + 1)}
                 />
               </div>
             </div>

src/app/flash-audit-result/page.js

@@ -0,0 +1,34 @@
+import Image from "next/image";
+
+//! import image
+import FlashAudit from "@/assets/image/flash-audit.png";
+import SearchToken from "@/components/Form/SearchToken";
+
+import EthereumLogoSmall from "@/assets/icons/ethereum-logo-small.svg";
+import DextoolsLogoSmall from "@/assets/icons/dextools-logo-small.svg";
+
+const FlashAuditResult = () => {
+  return (
+    <div className="mt-14">
+      <div className="flex flex-row justify-between">
+        <Image src={FlashAudit} alt="image" className="w-[241px] h-[40px]" />
+
+        <div className="w-[561px]">
+          <SearchToken check={true} />
+        </div>
+      </div>
+      <div className="flex flex-row bg-[#1B1B1B] items-center justify-center w-[1554px] h-[84px] mt-[29px]">
+        <div className="flex flex-col">
+          <p className="text-white text-[18.88px] font-bold">Flash</p>
+          <p>Flash 3.0</p>
+          <div className="flex flex-row">
+            <Image src={EthereumLogoSmall} alt="etherem" />
+            <Image src={DextoolsLogoSmall} alt="etherem" />
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default FlashAuditResult;

src/components/Button/IconBtn/index.js

@@ -1,3 +1,5 @@
+"use client";
+
 import Image from "next/image";
 
 import Home from "@/assets/icons/home.svg";
@@ -14,10 +16,12 @@ const IconBtn = ({
   py = "py-[8px]",
   rounded = "rounded-[20px]",
   borderColor = "border-[#282828]",
+  onClick = "",
 }) => {
   return (
     <button
       className={`${px} ${py} flex justify-center items-center gap-2 ${rounded} ${heigh} ${BgClass} border ${borderColor}`}
+      onClick={(e) => onClick()}
     >
       <Image src={icon} alt="image" />
       <p className={`${TxClass} ${TxSize} font-semibold capitalize`}>{text}</p>

src/components/Form/SearchToken/index.js

@@ -1,6 +1,6 @@
-const SearchToken = () => {
+const SearchToken = ({ check = false }) => {
   return (
-    <div className="w-[100%] flex border border-[#2C2C2C] bg-[#141414] rounded-lg">
+    <div className="w-[100%] flex border border-[#2C2C2C] bg-[#141414] rounded-lg relative">
       <div className="w-[147px] bg-[#282828]">
         <select
           name=""
@@ -18,6 +18,11 @@ const SearchToken = () => {
         placeholder="Search token address"
         className="outline-none border-none bg-[#141414] py-[22px] pl-[20px] text-[16px] text-[#86888C]"
       />
+      {check && (
+        <div className="w-[80px] h-[28px] bg-[#FCBF07] text-[16px] text-[#16171B)] px-3 py-[2px] text-center rounded-[32px] font-bold absolute right-[20px] top-[20px]">
+          Check
+        </div>
+      )}
     </div>
   );
 };