add column labels in profiles view

web/public/locales/en/views/settings.json

@@ -1521,6 +1521,8 @@
     "noOverrides": "No overrides",
     "cameraCount_one": "{{count}} camera",
     "cameraCount_other": "{{count}} cameras",
+    "columnCamera": "Camera",
+    "columnOverrides": "Profile Overrides",
     "baseConfig": "Base Config",
     "addProfile": "Add Profile",
     "newProfile": "New Profile",

web/src/views/settings/ProfilesView.tsx

@@ -542,6 +542,20 @@ export default function ProfilesView({
                   <CollapsibleContent>
                     {cameras.length > 0 ? (
                       <div className="mx-4 mb-3 ml-11 border-l border-border/50 pl-4">
+                        <div className="flex items-baseline gap-3 border-b border-border/30 pb-1.5">
+                          <span className="min-w-[120px] shrink-0 text-xs font-semibold uppercase text-muted-foreground">
+                            {t("profiles.columnCamera", {
+                              ns: "views/settings",
+                              defaultValue: "Camera",
+                            })}
+                          </span>
+                          <span className="text-xs font-semibold uppercase text-muted-foreground">
+                            {t("profiles.columnOverrides", {
+                              ns: "views/settings",
+                              defaultValue: "Profile Overrides",
+                            })}
+                          </span>
+                        </div>
                         {cameras.map((camera) => {
                           const sections = cameraData[camera];
                           return (