refactor(files): modernize transfer ownership settings

- related to #57008

Modernize the personal files settings for ownership transfer.
- Use the new `NcForm*` components.
- Use `NcSettingsSection` as root component
- Migrate to Typescript
- Migrate to script-setup

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

Author: susnux

apps/files/src/components/PersonalSettings.vue

@@ -3,20 +3,14 @@
   - SPDX-License-Identifier: AGPL-3.0-or-later
 -->
 
+<script setup lang="ts">
+import { t } from '@nextcloud/l10n'
+import { NcSettingsSection } from '@nextcloud/vue'
+import TransferOwnershipDialogue from './TransferOwnershipDialogue.vue'
+</script>
+
 <template>
-	<div id="files-personal-settings" class="section">
-		<h2>{{ t('files', 'Files') }}</h2>
+	<NcSettingsSection :name="t('files', 'Files')">
 		<TransferOwnershipDialogue />
-	</div>
+	</NcSettingsSection>
 </template>
-
-<script>
-import TransferOwnershipDialogue from './TransferOwnershipDialogue.vue'
-
-export default {
-	name: 'PersonalSettings',
-	components: {
-		TransferOwnershipDialogue,
-	},
-}
-</script>