feat: sign-up and sign-in pages are styled and ready to be merged

components/auth/oss/auth-form.tsx

@@ -112,13 +112,15 @@ export const AuthForm = ({ type }: { type: string }) => {
   return (
     <div className="relative flex h-screen w-screen">
       {/* Auth Form */}
-      <div className="relative flex w-full items-center justify-center bg-background lg:w-1/2">
-        {/* Prowler Logo */}
-        <div className="absolute top-[10%] z-10 flex h-fit w-fit flex-col items-center lg:hidden">
-          <ProwlerExtended width={300} />
-        </div>
+      <div className="relative flex w-full items-center justify-center bg-background lg:w-full">
+        {/* Background Pattern */}
+        <div className="absolute h-full w-full bg-[radial-gradient(#94a3b8_1px,transparent_1px)] [background-size:16px_16px] [mask-image:radial-gradient(ellipse_50%_50%_at_50%_50%,#000_10%,transparent_80%)]"></div>
 
-        <div className="flex w-full max-w-sm flex-col gap-4 rounded-large bg-content1 px-8 pb-10 pt-6 shadow-small">
+        <div className="dark:bg-prowler-black-900/90 relative z-10 flex w-full max-w-sm flex-col gap-4 rounded-large bg-white/90 px-8 py-10 shadow-small md:max-w-md">
+          {/* Prowler Logo */}
+          <div className="absolute -top-[100px] left-1/2 z-10 flex h-fit w-fit -translate-x-1/2">
+            <ProwlerExtended width={300} />
+          </div>
           <div className="flex items-center justify-between">
             <p className="pb-2 text-xl font-medium">
               {type === "sign-in" ? "Sign In" : "Sign Up"}
@@ -287,22 +289,6 @@ export const AuthForm = ({ type }: { type: string }) => {
           )}
         </div>
       </div>
-
-      <div
-        className="relative hidden w-1/2 flex-col-reverse rounded-medium p-10 shadow-small lg:flex"
-        style={{
-          backgroundImage:
-            "url(https://nextuipro.nyc3.cdn.digitaloceanspaces.com/components-images/white-building.jpg)",
-          backgroundSize: "cover",
-          backgroundPosition: "center",
-        }}
-      >
-        <div className="flex flex-col items-end gap-4">
-          <p className="w-full text-right text-2xl text-black/60">
-            <span className="font-normal">Open Cloud Security Platform </span>
-          </p>
-        </div>
-      </div>
     </div>
   );
 };

components/filters/data-filters.ts

@@ -1,9 +1,4 @@
 export const filtersProviders = [
-  {
-    key: "provider__in",
-    labelCheckboxGroup: "Select a Provider",
-    values: ["aws", "gcp", "azure", "kubernetes"],
-  },
   {
     key: "connected",
     labelCheckboxGroup: "Connection",