Update to reccommended file structure

Use reccommended database structure
Switch to SQLite and update scheme along with it

gallery/user/themes/default/ui/main.scss

@@ -0,0 +1,54 @@
+main {
+    margin: 0;
+    padding: 0;
+
+    background-color: $black100;
+    color: $white100;
+
+    min-height: 100vh;
+
+    overflow-y: auto;
+    box-sizing: border-box;
+
+    header {
+        margin: 0;
+        padding: 0;
+
+        width: 100%;
+        height: 40vh;
+
+        position: relative;
+
+        background-color: $black200;
+        border-radius: $rad;
+
+        box-sizing: border-box;
+
+        img {
+            position: absolute;
+            top: 0;
+            left: 0;
+
+            width: 100%;
+            height: 100%;
+
+            filter: blur(0.5rem);
+
+            object-fit: cover;
+            object-position: center 0px;
+        }
+
+        span {
+            position: absolute;
+            top: 0;
+            left: 0;
+
+            width: 100%;
+            height: 100%;
+
+            background-image: linear-gradient(to bottom, #00000000, rgba($black100, 1));
+
+            z-index: +1;
+        }
+    }
+}

gallery/user/themes/default/ui/nav.scss

@@ -0,0 +1,95 @@
+nav {
+    margin: 0;
+    padding: 0;
+
+    max-width: 100vw;
+    width: 3.5rem;
+    height: 100dvh;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+
+    position: fixed;
+    top: 0;
+    left: 0;
+
+    background-color: $black300;
+    color: $white100;
+
+    box-sizing: border-box;
+    z-index: 2;
+    transition: width 0.4s cubic-bezier(.76,0,.17,1), background-color 0.3s ease-in-out;
+
+    div {
+        display: flex;
+        flex-direction: column;
+        //gap: 0.25rem;
+
+        a {
+            margin: 0;
+            padding: 1rem;
+
+            width: 3.5rem;
+            height: 3.5rem;
+
+            display: flex;
+            flex-direction: row;
+            align-items: center;
+            //gap: 0.5rem;
+
+            position: relative;
+
+            text-decoration: none;
+            color: $white100;
+
+            box-sizing: border-box;
+
+            i, svg {
+                margin: 0;
+                font-size: 1.5rem;
+                color: $white100;
+                transition: color 0.2s ease-out;
+            }
+
+            span {
+                margin: 0;
+                padding: 0.5rem 0.75rem;
+
+                display: block;
+
+                position: absolute;
+                top: 50%;
+                left: 3rem;
+                transform: translateY(-50%);
+
+                font-family: $font-body;
+                font-size: 1rem;
+                font-weight: 600;
+
+                background-color: $black300;
+                color: $white100;
+                opacity: 0;
+                border-radius: $rad;
+
+                transition: opacity 0.2s cubic-bezier(.76,0,.17,1), left 0.2s cubic-bezier(.76,0,.17,1);
+
+                pointer-events: none;
+            }
+
+            &:hover {
+                //background-color: $black200;
+
+                i, svg {
+                    color: $green;
+                }
+
+                span {
+                    opacity: 1;
+                    left: 3.8rem;
+                    //transition-delay: 0.5s;
+                }
+            }
+        }
+    }
+}

gallery/user/themes/default/ui/reset.scss

@@ -0,0 +1,16 @@
+* {
+    box-sizing: border-box;
+    line-height: 1;
+}
+
+html,
+body {
+    margin: 0;
+    padding: 0;
+    
+    min-height: 100vh;
+    
+    background-color: $black100;
+    
+    scroll-behavior: smooth;
+}