update the ban page

frontend/src/views/BannedPage.vue

@@ -19,13 +19,9 @@
             }}</span>
           </div>
 
-          <div v-if="banInfo.bannedAt" class="detail-item">
-            <span class="detail-label">Banned on:</span>
-            <span class="detail-value">{{ formatDate(banInfo.bannedAt) }}</span>
-          </div>
 
           <div
-            v-if="banInfo.bannedUntil && !banInfo.isPermanent"
+            v-if="banInfo.bannedUntil"
             class="detail-item"
           >
             <span class="detail-label">Ban expires:</span>
@@ -34,11 +30,11 @@
             }}</span>
           </div>
 
-          <div v-if="banInfo.isPermanent" class="detail-item permanent-ban">
+          <!-- <div v-if="banInfo.bannedUntil" class="detail-item permanent-ban">
             <AlertCircle :size="18" />
-            <span>This is a permanent ban</span>
-          </div>
+            <span>Banned until {{ formatDate(banInfo.bannedUntil) }}</span>
           </div>
+        </div> -->
 
         <div class="appeal-section">
           <p class="appeal-text">
@@ -121,9 +117,6 @@ const banInfo = computed(() => {
   return {
     reason: authStore.user.ban?.reason,
     bannedUntil: authStore.user.ban?.expires,
-    isPermanent:
-      authStore.user.ban?.permanent || !authStore.user.ban?.bannedUntil,
-  };
 });
 
 const formatDate = (date) => {
@@ -305,14 +298,6 @@ onMounted(() => {
   text-align: right;
 }
 
-.permanent-ban {
-  justify-content: center;
-  gap: 0.5rem;
-  color: #ef4444;
-  font-weight: 600;
-  font-size: 0.9375rem;
-}
-
 .info-box {
   display: flex;
   gap: 1rem;