fix: some typos in comments and documentation (#51791)

Signed-off-by: Stefan Weil <sw@weilnetz.de>

client/src/components/Header/components/universal-nav.css

@@ -266,7 +266,7 @@ li > button.nav-link-signout:not([aria-disabled='true']):is(:hover, :focus) {
 }
 
 /**
- * Borders modifiers inidicating user type
+ * Borders modifiers indicating user type
  */
 .gold-border {
   border-color: var(--yellow-gold);

client/src/components/layouts/rtl-layout.css

@@ -51,7 +51,7 @@ external fontawesome link icon
 
 /* 
 universal-nav-bar
-and menu secion
+and menu section
 */
 
 [dir='rtl'] .nav-lang-list-option[aria-current='true'] {

client/src/components/profile/components/heat-map.test.tsx

@@ -32,7 +32,7 @@ afterEach(() => {
 });
 
 describe('<HeatMap/>', () => {
-  // Removing the snapshot matching, because they are different everytime
+  // Removing the snapshot matching, because they are different every time
   /*
   it('renders correctly', () => {
     const { container } = render(<HeatMap {...props} />);

client/src/components/share/share-template.test.tsx

@@ -6,7 +6,7 @@ const redirectURL = 'string';
 
 describe('Share Template Testing', () => {
   render(<ShareTemplate redirectURL={redirectURL} />);
-  test('Testing share templete Click Redirect Event', () => {
+  test('Testing share template Click Redirect Event', () => {
     const link = screen.getByRole('link', {
       name: 'buttons.tweet aria.opens-new-window'
     });

client/src/pages/learn/coding-interview-prep/data-structures/index.md

@@ -6,4 +6,4 @@ superBlock: coding-interview-prep
 
 ## Introduction to the Coding Interview Data Structure Questions
 
-These excercises are meant to help you deal with large or complex data by using many different data types other than your standard objects or arrays.
+These exercises are meant to help you deal with large or complex data by using many different data types other than your standard objects or arrays.

client/src/redux/donation-saga.js

@@ -88,7 +88,7 @@ export function* postChargeSaga({
       // If the user is signed in and the payment goes through call api
       let isSignedIn = yield select(isSignedInSelector);
       // look into skip add donation
-      // what to do with "data" that comes throug
+      // what to do with "data" that comes through
       if (isSignedIn) yield call(addDonation, { amount, duration });
     }
     if (

client/src/redux/ga-saga.test.js

@@ -14,7 +14,7 @@ describe('ga-saga', () => {
     };
     return (
       expectSaga(createGaSaga, actionTypes)
-        // Assert that the `call` with expected paramater will eventually happen.
+        // Assert that the `call` with expected parameter will eventually happen.
         .call(TagManager.dataLayer, { dataLayer: mockEventPayload })
 
         // Dispatch any actions that the saga will `take`.

client/src/redux/selectors.js

@@ -98,7 +98,7 @@ export const isProcessingSelector = state => {
 export const userByNameSelector = username => state => {
   const { user } = state[MainApp];
   // return initial state empty user empty object instead of empty
-  // object litteral to prevent components from re-rendering unnecessarily
+  // object literal to prevent components from re-rendering unnecessarily
   // TODO: confirm if "initialState" can be moved here or action-types.js
   return user[username] ?? {};
 };

client/src/templates/Challenges/classic/editor.tsx

@@ -247,7 +247,7 @@ const Editor = (props: EditorProps): JSX.Element => {
   // editorDidMount are called, we cannot use useState.  Reason being that will
   // only take effect during the next render, which is too late. We could use
   // plain objects here, but useRef is shared between instances, so avoids
-  // unecessary object creation.
+  // unnecessary object creation.
   const monacoRef: MutableRefObject<typeof monacoEditor | null> =
     useRef<typeof monacoEditor>(null);
   const dataRef = useRef<EditorProperties>({ ...initialData });

client/src/templates/Challenges/classic/multifile-editor.tsx

@@ -87,7 +87,7 @@ const MultifileEditor = (props: MultifileEditorProps) => {
   const targetEditor = getTargetEditor(challengeFiles);
 
   // Only one editor should be focused and that should happen once, after it has
-  // been mounted. This ref allows the editors to co-ordinate, without having to
+  // been mounted. This ref allows the editors to coordinate, without having to
   // resort to redux.
   const canFocusOnMountRef = useRef(true);
 

client/src/templates/Challenges/redux/code-storage-epic.js

@@ -132,7 +132,7 @@ function loadCodeEpic(action$, state$) {
       const { title: legacyKey } = challenge;
       const codeFound = getCode(id);
 
-      // first check if the store (which is syncronized with the db) has saved
+      // first check if the store (which is synchronized with the db) has saved
       // code
       const savedChallenges = savedChallengesSelector(state);
       const savedChallenge = savedChallenges?.find(saved => {