refactor: remove effect badges and clear active effects on player reset

frontend/src/components/PlayerPanel.vue

@@ -361,13 +361,8 @@ async function cycleLoop() {
           :title="`${fx.name} – ${fx.description}`"
           @click="onToggleEffect(fx)"
         >
-          <div class="effect-info">
-            <component :is="effectIcon(fx.icon)" :size="14" class="effect-icon" />
-            <span class="effect-name">{{ fx.name }}</span>
-          </div>
-          <span class="effect-badge" :class="{ active: fx.active }">
-            {{ fx.active ? 'WŁ' : fx.badge }}
-          </span>
+          <component :is="effectIcon(fx.icon)" :size="15" class="effect-icon" />
+          <span class="effect-name">{{ fx.name }}</span>
         </button>
       </div>
     </div>
@@ -419,8 +414,8 @@ async function cycleLoop() {
 .btn-effect {
   display: flex;
   align-items: center;
-  justify-content: space-between;
-  gap: 6px;
+  justify-content: center;
+  gap: 7px;
   padding: 8px 10px;
   background: rgba(255, 255, 255, 0.03);
   border: 1px solid var(--border-glass, rgba(255, 255, 255, 0.08));
@@ -451,13 +446,6 @@ async function cycleLoop() {
   border-color: rgba(245, 158, 11, 0.7);
 }
 
-.effect-info {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  overflow: hidden;
-}
-
 .effect-icon {
   flex-shrink: 0;
   transition: transform 0.2s ease;
@@ -473,21 +461,4 @@ async function cycleLoop() {
   overflow: hidden;
   text-overflow: ellipsis;
 }
-
-.effect-badge {
-  font-size: 0.62rem;
-  font-weight: 700;
-  padding: 2px 6px;
-  border-radius: 12px;
-  background: rgba(255, 255, 255, 0.08);
-  color: var(--text-muted);
-  letter-spacing: 0.4px;
-  flex-shrink: 0;
-}
-
-.effect-badge.active {
-  background: #f59e0b;
-  color: #0f172a;
-  box-shadow: 0 0 8px rgba(245, 158, 11, 0.4);
-}
 </style>

frontend/src/types/status.ts

@@ -54,7 +54,6 @@ export interface PlayerEffect {
   id: string
   name: string
   description: string
-  badge: string
   icon: string
   active: boolean
 }