fix some check issues

src/lib/elements/forms/inputCheckbox.svelte

@@ -10,7 +10,7 @@
     export let required = false;
     export let disabled = false;
 
-    export let element: HTMLInputElement;
+    export let element: HTMLInputElement | undefined = undefined;
     let error: string;
 
     const handleInvalid = (event: Event) => {

src/routes/+layout.svelte

@@ -195,6 +195,7 @@
         border-radius: var(--border-radius);
         border: var(--border-size) solid transparent;
         background: var(--border-gradient) border-box;
+        mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
         -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
         -webkit-mask-composite: destination-out;
         mask-composite: exclude;

src/routes/console/project-[project]/databases/database-[database]/collection-[collection]/(filters)/content.svelte

@@ -161,16 +161,6 @@
 </div>
 
 <style lang="scss">
-    .dropped {
-        border-radius: 0.5rem;
-        box-shadow: 0px 16px 32px 0px rgba(55, 59, 77, 0.04);
-
-        padding: 1rem;
-        margin-top: 0.5rem;
-
-        width: 37.5rem;
-    }
-
     .selects {
         :global(> *) {
             flex: 1;
@@ -182,13 +172,4 @@
             font-weight: bold;
         }
     }
-
-    hr {
-        height: 1px;
-        width: calc(100% + 2rem);
-        background-color: hsl(var(--color-border));
-
-        margin-block-start: 1rem;
-        margin-inline: -1rem;
-    }
 </style>