Added more translation keys to the app (#2442)

* added more translation keys

* added more keys

* added a lot of additional translation for every language available

* more translations

* fixed keys spelling

interface/app/$libraryId/settings/client/appearance.tsx

@@ -29,7 +29,7 @@ const themes: Theme[] = [
 		outsideColor: 'bg-[#F0F0F0]',
 		textColor: 'text-black',
 		border: 'border border-[#E6E6E6]',
-		themeName: 'Light',
+		themeName: i18n.t('light'),
 		themeValue: 'vanilla'
 	},
 	{
@@ -37,7 +37,7 @@ const themes: Theme[] = [
 		outsideColor: 'bg-black',
 		textColor: 'text-white',
 		border: 'border border-[#323342]',
-		themeName: 'Dark',
+		themeName: i18n.t('dark'),
 		themeValue: 'dark'
 	},
 	{
@@ -45,7 +45,7 @@ const themes: Theme[] = [
 		outsideColor: '',
 		textColor: 'text-white',
 		border: 'border border-[#323342]',
-		themeName: 'System',
+		themeName: i18n.t('system'),
 		themeValue: 'system'
 	}
 ];
@@ -210,7 +210,11 @@ export const Component = () => {
 				</div>
 			</Setting>
 			{/* Date Formatting Settings */}
-			<Setting mini title={t('date_format')} description={t('date_format_description')}>
+			<Setting
+				mini
+				title={t('date_time_format')}
+				description={t('date_time_format_description')}
+			>
 				<div className="flex h-[30px] gap-2">
 					<Select
 						value={dateFormat}