fix: Remove unnecessary Ban icon from cancel buttons

Author: dawsontoth

src/features/instance/applications/modals/AddDirectoryOrFileModal.tsx

@@ -18,10 +18,10 @@ import { useInstanceClientIdParams } from '@/config/useInstanceClient';
 import { isDirectory } from '@/features/instance/applications/context/isDirectory';
 import { useEditorView } from '@/features/instance/applications/hooks/useEditorView';
 import { useSetComponentFile } from '@/features/instance/operations/mutations/setComponentFile';
-import { useSetWatchedValue, useWatchedValue } from '@/lib/events/watcher';
 import { excludeFalsy } from '@/lib/arrays/excludeFalsy';
+import { useSetWatchedValue, useWatchedValue } from '@/lib/events/watcher';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { Ban, Plus } from 'lucide-react';
+import { Plus } from 'lucide-react';
 import { useCallback } from 'react';
 import { useForm } from 'react-hook-form';
 import z from 'zod';
@@ -123,8 +123,8 @@ export function AddDirectoryOrFileModal() {
 
 						<DialogFooter>
 							<div className="flex justify-between w-full">
-								<Button type="button" variant="destructiveOutline" className="rounded-full" onClick={onCancelClick}>
-									<Ban /> Cancel
+								<Button type="button" variant="ghostOutline" className="rounded-full" onClick={onCancelClick}>
+									Cancel
 								</Button>
 								<Button
 									variant="positiveOutline"

src/features/instance/applications/modals/DeleteDirectoryOrFileModal.tsx

@@ -5,7 +5,7 @@ import { isDirectory } from '@/features/instance/applications/context/isDirector
 import { useEditorView } from '@/features/instance/applications/hooks/useEditorView';
 import { useDropComponent } from '@/features/instance/operations/mutations/dropComponent';
 import { setWatchedValue, useSetWatchedValue, useWatchedValue } from '@/lib/events/watcher';
-import { Ban, Trash } from 'lucide-react';
+import { Trash } from 'lucide-react';
 import { MouseEvent, useCallback } from 'react';
 
 export function DeleteDirectoryOrFileModal() {
@@ -66,7 +66,7 @@ export function DeleteDirectoryOrFileModal() {
 
 				<div className="flex w-full gap-4">
 					<Button variant="ghostOutline" className="w-full rounded-full" onClick={closeModal}>
-						<Ban /> Cancel
+						Cancel
 					</Button>
 					<Button
 						variant="destructiveOutline"

src/features/instance/applications/modals/RedeployApplicationModal.tsx

@@ -12,7 +12,7 @@ import { useEditorView } from '@/features/instance/applications/hooks/useEditorV
 import { useDeployComponentMutation } from '@/features/instance/operations/mutations/deployComponent';
 import { setWatchedValue, useWatchedValue } from '@/lib/events/watcher';
 import { useQueryClient } from '@tanstack/react-query';
-import { Ban, RefreshCwIcon } from 'lucide-react';
+import { RefreshCwIcon } from 'lucide-react';
 import { useCallback, useEffect } from 'react';
 import { useForm } from 'react-hook-form';
 import { toast } from 'sonner';
@@ -144,12 +144,12 @@ export function RedeployApplicationModal() {
 							</Button>
 							<Button
 								type="button"
-								variant="default"
+								variant="ghostOutline"
 								className="w-full rounded-full"
 								onClick={modalClosed}
 								disabled={isPending}
 							>
-								<Ban /> Cancel
+								Cancel
 							</Button>
 						</form>
 					</Form>

src/features/instance/applications/modals/RenameFileModal.tsx

@@ -19,7 +19,7 @@ import { useRenameFiles } from '@/features/instance/applications/hooks/useRename
 import { useSetWatchedValue, useWatchedValue } from '@/lib/events/watcher';
 import { renameFileInPath } from '@/lib/string/paths/renameFileInPath';
 import { zodResolver } from '@hookform/resolvers/zod';
-import { Ban, PencilIcon } from 'lucide-react';
+import { PencilIcon } from 'lucide-react';
 import { useCallback, useEffect, useState } from 'react';
 import { useForm } from 'react-hook-form';
 import z from 'zod';
@@ -112,8 +112,8 @@ export function RenameFileModal() {
 
 						<DialogFooter>
 							<div className="flex justify-between w-full">
-								<Button type="button" variant="destructiveOutline" className="rounded-full" onClick={onCancelClick}>
-									<Ban /> Cancel
+								<Button type="button" variant="ghostOutline" className="rounded-full" onClick={onCancelClick}>
+									Cancel
 								</Button>
 								<Button
 									variant="positiveOutline"