complete wallet page

src/components/home/imei.tsx

@@ -5,7 +5,7 @@ export const Imei = () => {
     return (
         <div className="w-full flex flex-col lg:flex-row bg-auth-form p-[30px] rounded-[40px] gap-8">
             <div className="w-full h-full flex items-center justify-center">
-                <img src="/svgs/home/binary.svg" alt="binary" className="size-full max-w-[500px] max-h-[500px]" />
+                <img src="/svgs/dashboard/binary.svg" alt="binary" className="size-full max-w-[500px] max-h-[500px]" />
             </div>
             <div className="flex flex-col w-full gap-10 justify-center lg:justify-between">
                 <Input placeholder="کد IMEI" />

src/components/home/status-box-items.tsx

@@ -1,35 +0,0 @@
-import { FC } from "react"
-import { StatusBoxItemInterface } from "../../types"
-import { filterNumber } from "../../utility/status"
-
-type Props = {
-    item: StatusBoxItemInterface
-}
-export const StatusBoxItem: FC<Props> = ({ item }) => {
-    return (
-        <div className="w-full bg-auth-form p-[18px] h-full rounded-[40px] flex flex-col gap-[42px]">
-            <div className="size-16 bg-secondary-color flex justify-center rounded-full items-center">
-                {item?.icon}
-            </div>
-            <div className="flex flex-col gap-3">
-                <p className="font-normal text-base text-secondary-text-color">{item?.title}</p>
-                <div className="font-medium text-[28px] text-primary-text-color">
-                    {item?.name === "coin" && (
-                        <span className="flex items-end gap-x-1">
-                            {filterNumber(item?.value)} <span className="text-lg font-normal">تومان</span>
-                        </span>
-                    )}
-                    {item?.name === "dollar" && (
-                        <span className="text-lg font-normal flex items-center gap-x-1">
-                            $ <span className="font-medium text-[28px] text-primary-text-color">
-                                {filterNumber(item?.value)}
-                            </span>
-                        </span>
-                    )}
-                    {item?.name !== "coin" && item?.name !== "dollar" && item?.value}
-                </div>
-            </div>
-        </div>
-
-    )
-}

src/components/home/status-box.tsx

@@ -1,6 +1,6 @@
 import { StatusBoxItemInterface } from "../../types"
 import { statusBoxItems } from "../../utility/status"
-import { StatusBoxItem } from "./status-box-items"
+import { StatusBoxItem } from "../common/status-box-items"
 
 export const StatusBox = () => {