Rewrote js in jquery and started working on showing images and potentialy addin metadata to images (Spicy lvl, etc)

static/css/admin.css

@@ -4,27 +4,18 @@ body {
     height: 100vh;
     background: #101010;
     color: #fff;
-    display: flex;
-    align-items: center;
-    justify-content: center;  
 }
 .container {
     background: #212121;
     padding: 24px 32px;
     border-radius: 8px;
-    max-width: 400px;
     box-shadow: 0 2px 8px rgba(0,0,0,0.08);
 }
-.active {
-    background-color: #007bff;
-    color: white;
-}
 main {
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
-    max-width: 400px;
     background: #121212;
 }
 nav {
@@ -64,4 +55,28 @@ button:hover {
     display: none;
     border: 1px solid #ddd;
     border-radius: 4px;
+}
+.tab-container {
+    display: none;
+    padding: 20px;
+    width: 100%;
+}
+.tab-container.active {
+    display: block;
+}
+.tab-button {
+    background: #333;
+    color: #fff;
+    border: none;
+    padding: 10px 18px;
+    border-radius: 4px;
+    cursor: pointer;
+    font-size: 1rem;
+    margin-right: 8px;
+}
+.tab-button:hover {
+    background: #555;
+}
+.tab-button.active {
+    background: #007bff;
 }