feat: add OAuth2 authentication (#16)

components/Application/UserSettings/UserSettings.tsx

@@ -7,7 +7,6 @@ import { Type } from '@sinclair/typebox'
 import axios from 'axios'
 
 import { API_URL } from '../../../tools/api'
-import { UserProfileGuilds } from '../UserProfile/UserProfileGuilds'
 import { Input } from '../../design/Input'
 import { Checkbox } from '../../design/Checkbox'
 import { Textarea } from '../../design/Textarea'
@@ -20,11 +19,9 @@ import { FormState } from '../../design/FormState'
 import { useForm, HandleSubmitCallback } from '../../../hooks/useForm'
 import { userCurrentSchema, userSchema } from '../../../models/User'
 import { userSettingsSchema } from '../../../models/UserSettings'
-import { useGuilds } from '../../../contexts/Guilds'
 
 export const UserSettings: React.FC = () => {
   const { user, setUser, authentication } = useAuthentication()
-  const { guilds } = useGuilds()
   const { t } = useTranslation()
   const [inputValues, setInputValues] = useState({
     name: user.name,
@@ -212,20 +209,6 @@ export const UserSettings: React.FC = () => {
             />
           </div>
         </div>
-        <div className='mt-10 ml-0 flex flex-col items-center lg:ml-24 lg:mt-0'>
-          <UserProfileGuilds
-            isPublicGuilds={inputValues.isPublicGuilds}
-            guilds={guilds}
-          />
-          <Checkbox
-            name='isPublicGuilds'
-            label={t('application:label-checkbox-guilds')}
-            onChange={onChangeCheckbox}
-            checked={inputValues.isPublicGuilds}
-            id='checkbox-public-guilds'
-            className='px-8'
-          />
-        </div>
       </div>
       <div className='mt-12 flex w-full flex-col items-center justify-between sm:w-fit lg:flex-row'>
         <div className='w-4/5 pr-0 sm:w-[450px] lg:border-r-[1px] lg:border-neutral-700 lg:pr-12'>