remove login button

src/pages/home/Home.tsx

@@ -10,7 +10,6 @@ import { useCreateCatalog } from "@/pages/catalogue/hooks/useCatalogueData";
 import { ArrowLeft, DocumentText } from "iconsax-react";
 import { useState, type FC } from "react";
 import { useNavigate } from "react-router-dom";
-import DirectLogin from "../auth/components/DirectLogin";
 
 const CATALOG_SIZES = [
   { id: "a4", label: "A4" },
@@ -51,17 +50,12 @@ const Home: FC = () => {
   return (
     <div className="mt-4 w-full">
       <div className="flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between">
-        <h1 className="text-base font-light sm:text-lg">
-          ساخت کاتالوگ به کمک ویرایشگر داناک
-        </h1>
-        <DirectLogin />
+        <h1 className="text-base font-light sm:text-lg">ساخت کاتالوگ به کمک ویرایشگر داناک</h1>
+        {/* <DirectLogin /> */}
       </div>
 
       <div className="mt-8 rounded-2xl bg-white p-4 sm:mt-12 sm:rounded-3xl sm:p-6 lg:mt-20 lg:rounded-4xl lg:p-10">
-        <div className="mx-auto max-w-xl px-1 text-center text-sm leading-relaxed sm:text-base">
-          سایز و نام مورد نظر را انتخاب کنبد و یک کاتالوگ زیبا با ویرایشگر داناک
-          بسازید
-        </div>
+        <div className="mx-auto max-w-xl px-1 text-center text-sm leading-relaxed sm:text-base">سایز و نام مورد نظر را انتخاب کنبد و یک کاتالوگ زیبا با ویرایشگر داناک بسازید</div>
 
         <div>
           <div className="mt-6 flex flex-wrap justify-center gap-4 sm:mt-8 sm:gap-6 lg:gap-8">
@@ -86,24 +80,12 @@ const Home: FC = () => {
           </div>
 
           <div className="mx-auto mt-5 flex w-full max-w-md flex-col gap-4 px-1 sm:px-0">
-            <Input
-              label="نام کاتالوگ"
-              value={name}
-              onChange={(e) => setName(e.target.value)}
-            />
-            <Input
-              label="اسلاگ"
-              value={slug}
-              onChange={(e) => setSlug(e.target.value)}
-            />
+            <Input label="نام کاتالوگ" value={name} onChange={(e) => setName(e.target.value)} />
+            <Input label="اسلاگ" value={slug} onChange={(e) => setSlug(e.target.value)} />
           </div>
 
           <div className="flex justify-center">
-            <Button
-              disabled={isPending}
-              onClick={handleSubmit}
-              className="mt-6 w-full max-w-md rounded-xl sm:mt-8 sm:w-auto"
-            >
+            <Button disabled={isPending} onClick={handleSubmit} className="mt-6 w-full max-w-md rounded-xl sm:mt-8 sm:w-auto">
               <div className="flex items-center justify-center gap-2">
                 ادامه
                 <ArrowLeft size={16} color="white" />
@@ -119,9 +101,7 @@ const Home: FC = () => {
             <img src={PdfIcon} alt="upload" className="w-10 sm:w-12" />
             <div className="mt-3 text-sm">آپلود PDF</div>
 
-            <div className="mt-3 flex h-5 items-center rounded-full bg-[#D4EDDE] px-5 text-[10px] text-[#01973D]">
-              رایگان
-            </div>
+            <div className="mt-3 flex h-5 items-center rounded-full bg-[#D4EDDE] px-5 text-[10px] text-[#01973D]">رایگان</div>
           </div>
         </div>
       </div>