Don't dynamically calculate class

Author: Gold856

photon-client/src/components/app/photon-sidebar.vue

@@ -26,7 +26,7 @@ const renderCompact = computed<boolean>(() => compact.value || !mdAndUp.value);
   <v-navigation-drawer permanent :rail="renderCompact" color="sidebar">
     <v-list nav color="primary">
       <!-- List item for the heading; note that there are some tricks in setting padding and image width make things look right -->
-      <v-list-item :class="renderCompact ? 'pr-0 pl-0' : ''" style="display: flex; justify-content: center">
+      <v-list-item class="pr-0 pl-0" style="display: flex; justify-content: center">
         <template #prepend>
           <img v-if="!renderCompact" class="logo" src="@/assets/images/logoLarge.svg" alt="large logo" />
           <img v-else class="logo" src="@/assets/images/logoSmallTransparent.svg" alt="small logo" />
@@ -42,21 +42,11 @@ const renderCompact = computed<boolean>(() => compact.value || !mdAndUp.value);
       <v-list-item ref="camerasTabOpener" link to="/cameras" prepend-icon="mdi-camera">
         <v-list-item-title>Camera</v-list-item-title>
       </v-list-item>
-      <v-list-item
-        link
-        to="/cameraConfigs"
-        :class="{
-          cameraicon: useCameraSettingsStore().needsCameraConfiguration && useRoute().path !== '/cameraConfigs'
-        }"
-      >
+      <v-list-item link to="/cameraConfigs">
         <template #prepend>
-          <v-icon :class="{ 'text-red': useCameraSettingsStore().needsCameraConfiguration }"
-            >mdi-swap-horizontal-bold</v-icon
-          >
+          <v-icon>mdi-swap-horizontal-bold</v-icon>
         </template>
-        <v-list-item-title :class="{ 'text-red': useCameraSettingsStore().needsCameraConfiguration }"
-          >Camera Matching</v-list-item-title
-        >
+        <v-list-item-title>Camera Matching</v-list-item-title>
       </v-list-item>
       <v-list-item link to="/docs" prepend-icon="mdi-bookshelf">
         <v-list-item-title>Documentation</v-list-item-title>