fix styling for edit

client/app/components/button.tsx

@@ -13,7 +13,7 @@ const Button = React.forwardRef<HTMLButtonElement, Props>(
 				className={clsx(
 					"inline-flex items-center gap-2 rounded-lg bg-blue-600 px-2 py-1 font-medium",
 					{
-						"!bg-zinc-200 px-2 py-1 !dark:bg-neutral-800":
+						"bg-zinc-200 px-2 py-1 !dark:bg-neutral-800":
 							variant === "neutral",
 						"text-white": variant === "primary",
 						"!bg-amber-500 text-white": variant === "secondary",

client/app/components/large-select.tsx

@@ -51,7 +51,7 @@ function LargeSelect({
 	return (
 		<>
 			<button
-				className="!bg-zinc-200 !dark:bg-neutral-800 px-2 py-1 rounded-lg font-medium flex-1 text-start flex items-center w-full"
+				className="bg-zinc-200 dark:bg-neutral-800 px-2 py-1 rounded-lg font-medium flex-1 text-start flex items-center w-full"
 				type="button"
 				onClick={() => onToggle(true)}
 			>

client/app/root.tsx

@@ -1,6 +1,6 @@
-import "virtual:uno.css";
-
 import "@unocss/reset/tailwind.css";
+
+import "virtual:uno.css";
 import "./style.css";
 
 import type { User } from "@prisma/client";

client/app/routes/market_.$id_.edit.tsx

@@ -1,18 +1,14 @@
 import {
-	ActionFunctionArgs,
-	LoaderFunctionArgs,
-	MetaFunction,
 	redirect,
+	type ActionFunctionArgs,
+	type LoaderFunctionArgs,
+	type MetaFunction,
 } from "@remix-run/node";
 import { useLoaderData } from "@remix-run/react";
 import { ProductForm } from "~/components/product-form";
 import { checkAuth } from "~/lib/check-auth";
 import { prisma } from "~/lib/prisma.server";
-import {
-	forbidden,
-	methodNotAllowed,
-	notFound
-} from "~/lib/responses";
+import { forbidden, methodNotAllowed, notFound } from "~/lib/responses";
 import { values } from "~/lib/values.server";
 
 export const loader = async ({ request, params }: LoaderFunctionArgs) => {
@@ -60,7 +56,6 @@ export const action = async ({ request, params }: ActionFunctionArgs) => {
 };
 
 export const meta: MetaFunction<typeof loader> = ({ data }) => {
-	// [ ] Add og image
 	return [
 		{ title: `Edit ${data?.product.name} | ${data?.school.shortName} ✽ compa` },
 		{