feat(web) add user setting page (#1115)

* refactoring

* refactor

* fix naming

* Added animation

* add user setting page

* Add skeleton for user setting page

* styling

* styling

* Spelling

web/src/lib/components/user-settings-page/user-settings-list.svelte

@@ -0,0 +1,27 @@
+<script lang="ts">
+	import { UserResponseDto } from '@api';
+	import SettingAccordion from '../admin-page/settings/setting-accordion.svelte';
+	import SettingInputField, {
+		SettingInputFieldType
+	} from '../admin-page/settings/setting-input-field.svelte';
+
+	export let user: UserResponseDto;
+</script>
+
+<SettingAccordion title="User profile" subtitle="Manage the user information">
+	<section class="my-4">
+		<SettingInputField
+			inputType={SettingInputFieldType.TEXT}
+			label="First name"
+			bind:value={user.firstName}
+			required={true}
+		/>
+
+		<SettingInputField
+			inputType={SettingInputFieldType.TEXT}
+			label="Last name"
+			bind:value={user.lastName}
+			required={true}
+		/>
+	</section>
+</SettingAccordion>