Refactoring on some files

src/components/wrappers/dashboard/backup/backup-button/backup-button.tsx

@@ -1,12 +1,14 @@
 "use client";
 
-import { useRouter } from "next/navigation";
+import {useRouter} from "next/navigation";
 
-import { useMutation } from "@tanstack/react-query";
-import { toast } from "sonner";
+import {useMutation} from "@tanstack/react-query";
+import {toast} from "sonner";
 
-import { backupButtonAction } from "@/components/wrappers/dashboard/backup/backup-button/backup-button.action";
-import { ButtonWithLoading } from "@/components/wrappers/common/button/button-with-loading";
+import {backupButtonAction} from "@/components/wrappers/dashboard/backup/backup-button/backup-button.action";
+import {ButtonWithLoading} from "@/components/wrappers/common/button/button-with-loading";
+import {Database, DatabaseZap} from "lucide-react";
+import {useIsMobile} from "@/hooks/use-mobile";
 
 export type BackupButtonProps = {
     databaseId: string;
@@ -15,6 +17,8 @@ export type BackupButtonProps = {
 
 export const BackupButton = (props: BackupButtonProps) => {
     const router = useRouter();
+    const isMobile = useIsMobile()
+
     const mutation = useMutation({
         mutationFn: async (databaseId: string) => {
             const backup = await backupButtonAction(databaseId);
@@ -32,8 +36,9 @@ export const BackupButton = (props: BackupButtonProps) => {
 
     return (
         <ButtonWithLoading
+            icon={<DatabaseZap/>}
             disabled={props.disable}
-            text="Backup"
+            text={isMobile ? "" : "Backup"}
             isPending={mutation.isPending}
             size={"default"}
             onClick={async () => {

src/components/wrappers/dashboard/database/database-form/database-form.tsx

@@ -58,7 +58,6 @@ export const DatabaseForm = (props: DatabaseFormProps) => {
                         form={form}
                         className="flex flex-col gap-4 mt-3"
                         onSubmit={async (values) => {
-                            console.log("sssssss");
                             await mutation.mutateAsync(values);
                         }}
                     >

src/components/wrappers/dashboard/database/retention-policy/retention-policy-sheet.tsx

@@ -1,6 +1,6 @@
 import {Sheet, SheetContent, SheetDescription, SheetHeader, SheetTitle, SheetTrigger} from "@/components/ui/sheet";
 import {Button} from "@/components/ui/button";
-import {Database, DatabaseZap} from "lucide-react";
+import {Database, Ruler} from "lucide-react";
 import {DatabaseWith as DbSchema, RetentionPolicy} from "@/db/schema/07_database";
 import {
     BackupRetentionSettingsForm
@@ -15,7 +15,7 @@ export const RetentionPolicySheet = ({database}: RetentionPolicySheetProps) => {
         <Sheet>
             <SheetTrigger asChild>
                 <Button variant="outline">
-                    <DatabaseZap/>
+                    <Ruler />
                 </Button>
             </SheetTrigger>
             <SheetContent

src/components/wrappers/dashboard/organization/organization.action.ts

@@ -77,7 +77,6 @@ export const updateOrganizationAction = userAction
     .action(async ({parsedInput, ctx}): Promise<ServerActionResult<Organization>> => {
         try {
             const newUserList = parsedInput.data.users;
-            console.log(parsedInput);
             const organization = await db.query.organization.findFirst({
                 where: eq(drizzleDb.schemas.organization.id, parsedInput.organizationId),
                 with: {

src/components/wrappers/dashboard/profile/user-form/user-form.tsx

@@ -42,8 +42,6 @@ export const UserForm = (props: UserFormProps) => {
 
     const mutation = useMutation({
         mutationFn: async (values: UserType) => {
-            console.log("values", values);
-            console.log(props.userId);
             const updateUser = await updateUserAction({
                 id: props.userId ?? "-",
                 data: values,

src/components/wrappers/dashboard/projects/project-form/project-form.tsx

@@ -47,7 +47,6 @@ export const ProjectForm = (props: projectFormProps) => {
 
     const mutation = useMutation({
         mutationFn: async (values: ProjectType) => {
-            console.log(values);
             if (!isCreate && !props.projectId) {
                 throw new Error("Project ID is required for updates");
             }