Renaming "Experience" to "Appearance" (#2776)

* refining settings

* Delete .idea/workspace.xml

* Update .gitignore

front/src/pages/settings/SettingsAppearance.tsx

@@ -13,15 +13,15 @@ const StyledH1Title = styled(H1Title)`
   margin-bottom: 0;
 `;
 
-export const SettingsExperience = () => {
+export const SettingsAppearance = () => {
   const { colorScheme, setColorScheme } = useColorScheme();
 
   return (
     <SubMenuTopBarContainer Icon={IconSettings} title="Settings">
       <SettingsPageContainer>
-        <StyledH1Title title="Experience" />
+        <StyledH1Title title="Appearance" />
         <Section>
-          <H2Title title="Appearance" />
+          <H2Title title="Theme" />
           <ColorSchemePicker value={colorScheme} onChange={setColorScheme} />
         </Section>
       </SettingsPageContainer>

front/src/pages/settings/__stories__/SettingsAppearance.stories.tsx

@@ -6,13 +6,13 @@ import {
 } from '~/testing/decorators/PageDecorator';
 import { graphqlMocks } from '~/testing/graphqlMocks';
 
-import { SettingsExperience } from '../SettingsExperience';
+import { SettingsAppearance } from '../SettingsAppearance';
 
 const meta: Meta<PageDecoratorArgs> = {
-  title: 'Pages/Settings/SettingsExperience',
-  component: SettingsExperience,
+  title: 'Pages/Settings/SettingsAppearance',
+  component: SettingsAppearance,
   decorators: [PageDecorator],
-  args: { routePath: '/settings/experience' },
+  args: { routePath: '/settings/appearance' },
   parameters: {
     msw: graphqlMocks,
   },
@@ -20,6 +20,6 @@ const meta: Meta<PageDecoratorArgs> = {
 
 export default meta;
 
-export type Story = StoryObj<typeof SettingsExperience>;
+export type Story = StoryObj<typeof SettingsAppearance>;
 
 export const Default: Story = {};