refactor(backends): cleanup code

app/client/components/volume-icon.tsx

@@ -50,12 +50,6 @@ const getIconAndColor = (backend: BackendType) => {
 				color: "text-indigo-600 dark:text-indigo-400",
 				label: "PostgreSQL",
 			};
-		case "sqlite":
-			return {
-				icon: Database,
-				color: "text-slate-600 dark:text-slate-400",
-				label: "SQLite",
-			};
 		default:
 			return {
 				icon: Folder,

app/client/modules/volumes/routes/volume-details.tsx

@@ -118,7 +118,8 @@ export default function VolumeDetails({ loaderData }: Route.ComponentProps) {
 
 	const { volume, statfs } = data;
 	const dockerAvailable = capabilities.docker;
-	const isDatabaseVolume = ["mariadb", "mysql", "postgres", "sqlite"].includes(volume.config.backend);
+
+	const isDatabaseVolume = ["mariadb", "mysql", "postgres"].includes(volume.config.backend);
 
 	return (
 		<>
@@ -153,7 +154,9 @@ export default function VolumeDetails({ loaderData }: Route.ComponentProps) {
 			<Tabs value={activeTab} onValueChange={(value) => setSearchParams({ tab: value })} className="mt-4">
 				<TabsList className="mb-2">
 					<TabsTrigger value="info">Configuration</TabsTrigger>
-					{!isDatabaseVolume && <TabsTrigger value="files">Files</TabsTrigger>}
+					<TabsTrigger disabled={isDatabaseVolume} value="files">
+						Files
+					</TabsTrigger>
 					<Tooltip>
 						<TooltipTrigger>
 							<TabsTrigger disabled={!dockerAvailable} value="docker">

app/client/modules/volumes/routes/volumes.tsx

@@ -113,7 +113,6 @@ export default function Volumes({ loaderData }: Route.ComponentProps) {
 							<SelectItem value="mariadb">MariaDB</SelectItem>
 							<SelectItem value="mysql">MySQL</SelectItem>
 							<SelectItem value="postgres">PostgreSQL</SelectItem>
-							<SelectItem value="sqlite">SQLite</SelectItem>
 						</SelectContent>
 					</Select>
 					{(searchQuery || statusFilter || backendFilter) && (