add styles for dashboard

src/index.js

 import('./utils.js').then(utils => {
   import(utils.coreVersion()).then(async (core) => {
     core.Helpers.importCSS(utils.path() + '/styles/index.css?min');
+    core.Helpers.importCSS(utils.path() + '/styles/dashboard.css?min');
   
     await import("./custom-tzcld.js");
   

src/styles/dashboard.scss

+#dashboard {
+    .hook-dashboard {
+        display: flex;
+        flex-wrap: wrap;
+        padding:  15px;
+    }
+    solid-resource {
+        display:block;
+        flex-basis: calc(66% - 15px);
+        &>.solid-resource>solid-display {
+            background: #fff;
+            box-shadow: 0 0 6px 0 rgb(0 0 0 / 11%);flex-grow: 1;
+            flex-shrink: 1;
+            padding: 15px;
+            display: block;
+        }
+
+        solid-form-search {
+            display: none;
+        }
+        solid-display {
+            nav {
+                display: none;
+            }
+        }
+        &.cardsList {
+            flex-basis: calc(100%);
+
+        }
+    }
+    solid-event {
+        display:block;
+        flex-basis: calc(34% - 15px);
+        margin-left: 30px;
+        &>.solid-event>solid-display {
+            background: #fff;
+            box-shadow: 0 0 6px 0 rgb(0 0 0 / 11%);flex-grow: 1;
+            flex-shrink: 1;
+            padding: 15px;
+            display: block;
+        }
+
+        solid-form-search {
+            display: none;
+        }
+        solid-display {
+            nav {
+                display: none;
+            }
+        }
+    }
+}
\ No newline at end of file