Lots of changes:

- Switching build system to pure rollup without too much custom logic
- Restructuring files
- Adding Popup View
- Make everything typescript compatible
- Adding @hibas123/theme
- Start switching to @hibas123/theme

src/pages/User/Pages/Box.svelte

@@ -0,0 +1,36 @@
+<style>
+   .box {
+      border-radius: 4px;
+      box-shadow: 0 8px 12px rgba(0, 0, 0, 0.30), 0 5px 4px rgba(0, 0, 0, 0.22);
+      padding: 2rem;
+      margin-bottom: 1rem;
+      background-color: white;
+   }
+
+   .box> :global(h1) {
+      margin: 0;
+      margin-bottom: 1rem;
+      color: #444444;
+      font-size: 1.3rem;
+   }
+
+   .box> :global(div) {
+      padding: 16px;
+      border-top: 1px solid var(--border-color);
+      word-wrap: break-word;
+   }
+
+   .box> :global(div):first-of-type {
+      border-top: none;
+   }
+
+   @media (min-width: 45rem) {
+      .box {
+         margin-bottom: 2rem;
+      }
+   }
+</style>
+
+<div class="box">
+   <slot></slot>
+</div>