Added user profile page, prepped for TOTP 2fa

webui/src/App.css

@@ -52,6 +52,9 @@
 }
 
 .sidebar-footer {
+  display: flex;
+  flex-direction: column;
+  gap: 0.25rem;
   padding: 0.75rem;
   border-top: 1px solid var(--ctp-surface0);
 }
@@ -89,14 +92,23 @@
   font-weight: 600;
 }
 
-.config-item {
+.config-item,
+.profile-item {
   font-weight: 500;
 }
 
-.cog-icon {
+.cog-icon,
+.user-icon {
   flex-shrink: 0;
 }
 
+.profile-panel {
+  display: flex;
+  flex-direction: column;
+  gap: 0.75rem;
+  max-width: 40rem;
+}
+
 .content {
   flex: 1;
   padding: 2rem 2.5rem;
@@ -259,6 +271,13 @@
   max-width: 40rem;
 }
 
+.security-panel {
+  display: flex;
+  flex-direction: column;
+  gap: 0.9rem;
+  max-width: 40rem;
+}
+
 .groups-list {
   display: flex;
   flex-direction: column;