complete suscriptions page

src/components/subscription-report/index.tsx

@@ -0,0 +1,18 @@
+import { useState } from "react"
+import { Table } from "../common/table"
+import { SortingState } from "@tanstack/react-table"
+import { subscriptionsCol } from "../../utility/subscription"
+import { useQuery } from "@tanstack/react-query"
+import { getSubscriptionsList } from "../../services/api/subscription"
+
+export const SubscriptionReport = () => {
+    const [sorting, setSorting] = useState<SortingState>([])
+    const { data, isLoading } = useQuery({
+        queryKey: ["suscriptions-list"],
+        queryFn: getSubscriptionsList
+    })
+    if (isLoading) return <p>LOADIN...</p>
+    return (
+        <Table sorting={sorting} setSorting={setSorting} columns={subscriptionsCol} data={data?.data} />
+    )
+}

src/components/ui/dashboard/header.tsx

@@ -14,7 +14,7 @@ export const Header: FC<Props> = ({ setShow }) => {
                 <p className="hidden font-normal text-sm lg:block lg:text-xl">علی مصلحی</p>
             </div>
             <div className="flex flex-row gap-x-3 items-center">
-                <p className="font-normal text-sm lg:text-xl">45597000-021</p>
+                <p className="font-normal text-sm lg:text-xl">021-45597000</p>
                 <Call color="#11212D" variant="Bold" className="size-[27px]" />
             </div>
         </header>