Update image 'edit' form title, as form isn't actually editable (#2312)

Update image 'edit' form title, as it isn't editable

Author: charliepark

app/forms/image-edit.tsx

@@ -26,6 +26,7 @@ import { PropertiesTable } from '~/ui/lib/PropertiesTable'
 import { ResourceLabel } from '~/ui/lib/SideModal'
 import { Truncate } from '~/ui/lib/Truncate'
 import { pb } from '~/util/path-builder'
+import { capitalize } from '~/util/str'
 import { bytesToGiB } from '~/util/units'
 
 EditProjectImageSideModalForm.loader = async ({ params }: LoaderFunctionArgs) => {
@@ -69,12 +70,14 @@ export function EditImageSideModalForm({
 }) {
   const navigate = useNavigate()
   const form = useForm({ defaultValues: image })
+  const resourceName = type === 'Project' ? 'project image' : 'silo image'
 
   return (
     <SideModalForm
+      title={capitalize(resourceName)}
       form={form}
       formType="edit"
-      resourceName={type === 'Project' ? 'project image' : 'silo image'}
+      resourceName={resourceName}
       onDismiss={() => navigate(dismissLink)}
       subtitle={
         <ResourceLabel>
@@ -100,7 +103,6 @@ export function EditImageSideModalForm({
           <DateTime date={image.timeModified} />
         </PropertiesTable.Row>
       </PropertiesTable>
-
       <NameField name="name" control={form.control} disabled />
       <DescriptionField name="description" control={form.control} required disabled />
       <TextField name="os" label="OS" control={form.control} required disabled />