chore: added some scss mixins

src/styles/components.scss

@@ -1,3 +1,5 @@
+@import './mixins.scss';
+
 //
 // Components - for complex parts of the UI like search bars or compound buttons
 //
@@ -11,9 +13,10 @@
 }
 
 .search {
-    @extend .input-text;
+    width: 100%;
+    height: 2.5rem;
 
-    padding: 0;
+    @include neo-brutalist-card;
 
     display: grid;
     grid-template-columns: 1fr auto;
@@ -53,6 +56,17 @@
     gap: 1rem;
 }
 
+// just to know for reference
+.fake-masonry {
+    display: grid;
+    grid-template-columns: repeat(var(--columns), 1fr);
+    grid-auto-flow: dense;
+
+    & > * {
+        grid-row: span var(--masonry-height);
+    }
+}
+
 .search-results {
     width: 100%;
 
@@ -75,9 +89,7 @@
 
         background: #fff;
 
-        border: 3px solid #222;
-        border-radius: 6px;
-        box-shadow: 4px 4px 0 0 #222;
+        @include neo-brutalist-card;
 
         & > .icon {
             grid-area: icon;