Calibration card and PV input styling (#1695)

Images are before and after comparison.
Does the following:
- Fixes several styling issues with pv-* input elements, including top
padding, vertical alignment, and allocated input width

![image](https://github.com/user-attachments/assets/70d37e65-e0cd-4c71-8ea1-941ec2175850)

![image](https://github.com/user-attachments/assets/031d008d-3cce-4ed2-bc88-5fbecf20c94f)

- Conforms the calibration details modal to overall styling and spacing
standards

![image](https://github.com/user-attachments/assets/18281551-f924-4e12-9ad4-d2ec470dbc70)

![image](https://github.com/user-attachments/assets/db772325-7650-467d-8521-252c7d38601f)
(left the blank table there on empty calibrations to give the user a
sense of what they might see if they don't have any)

photon-client/src/components/dashboard/tabs/ThresholdTab.vue

@@ -211,9 +211,9 @@ const interactiveCols = computed(() =>
           </v-col>
         </template>
         <template v-else>
-          <v-btn color="accent" class="ma-2 black--text" style="width: 30%" small @click="disableColorPicking">
-            Cancel
-          </v-btn>
+          <v-card-text class="pa-0 pt-3 pb-3">
+            <v-btn block color="accent" class="black--text" small @click="disableColorPicking"> Cancel </v-btn>
+          </v-card-text>
         </template>
       </div>
     </div>