Add functionality to the Basic Settings

[flacial]

Problem

After adding the UI for the user settings page Basic Settings section, we didn't add the functionality for updating the user's username and full name to ensure the PR is easy to review.

Solution

Import and use the hook for updating the user's username and full name in the client.

  const onClick = async () => {
      // ...
      await updateUserNames({
        variables: {
          username: options[0].value as string,
          name: `${options[1].value} ${options[2].value}`
        }
      })
      // ...
  }

Steps taken

1. Imported the hook useUpdateUserNames
2. Added the methods for error-checking the inputs
3. Displayed the state of the updating the names whether it was successful or loading.
4. Call useUpdateUserNames callback function when the user tries to save the changes
5. Ensured everything is working correctly by covering more cases in the page's test file

Testing instructions

0. Login with leetcoder or newbie to not mess up the admin account
1. Go to /settings/account
2. Change one/all the inputs
3. Hit Save changes
4. Notice that the username/name got changed

Related issues

• User Settings #1629

[vercel]

@flacial is attempting to deploy a commit to the c0d3-prod Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
c0d3-app	✅ Ready (Inspect)	Visit Preview	Dec 24, 2022 at 6:41PM (UTC)

[codecov]

Codecov Report

Merging #2644 (dd7bb05) into master (d8a1aca) will not change coverage.
The diff coverage is 100.00%.

@@            Coverage Diff            @@
##            master     #2644   +/-   ##
=========================================
  Coverage   100.00%   100.00%           
=========================================
  Files          189       189           
  Lines         3457      3473   +16     
  Branches       958       960    +2     
=========================================
+ Hits          3457      3473   +16     

Impacted Files	Coverage Δ
helpers/formValidation.tsx	100.00% <100.00%> (ø)
pages/settings/account/index.tsx	100.00% <100.00%> (ø)