Repository: nodejs/nodejs.dev (ts)

Issue:
Arrow direction in dropdowns
## Summary
Hey there,

I was just thinking about the arrows in these dropdowns being inverted or they are not.I was expecting them to be pointing downwards(in closed position) from conventional point of view.I don't know if it is only me or other's too thinking the same😅.

Comment down if someone thinks the same😉🤞.

![Screenshot from 2022-10-18 20-04-49](https://user-images.githubusercontent.com/92970968/196461948-f228e595-1111-42e3-8e5b-bb38bd17bbbf.png)


Pull request description:
fix(NavigationSection): Invert carets direction when a section is open/closed
## Description

This PR includes one change: it inverts the direction of the caret in the `NavigationSection` component

## Related Issues

Fixes #2939 

### Check List

- [x] I have read the [Contributing Guidelines](https://github.com/nodejs/nodejs.dev/blob/main/CONTRIBUTING.md) and made commit messages that follow the guideline.
- [x] I have run `npm run lint:js -- --fix` and/or `npm run lint:md -- --fix` for my JavaScript and/or Markdown changes.
  - This is important as most of the cases your code changes might not be correctly linted
- [x] I have run `npm run test` to check if all tests are passing, and/or `npm run test -- -u` to update snapshots if I created and/or updated React Components.
- [x] I have checked that the build works locally and that `npm run build` work fine.
- [x] I've covered new added functionality with unit tests if necessary.


Patch:
diff --git a/src/navigations/learn.tsx b/src/navigations/learn.tsx
index 3c30df2c..52e51104 100644
--- a/src/navigations/learn.tsx
+++ b/src/navigations/learn.tsx
@@ -30,7 +30,7 @@ const LearnNavigationSection = ({
       aria-expanded={isSectionOpen}
     >
       <span>{title}</span>
-      <FontAwesomeIcon icon={isSectionOpen ? faCaretDown : faCaretUp} />
+      <FontAwesomeIcon icon={isSectionOpen ? faCaretUp : faCaretDown} />
     </button>
   );
 


Test patch:
diff --git a/src/templates/__tests__/__snapshots__/learn.test.tsx.snap b/src/templates/__tests__/__snapshots__/learn.test.tsx.snap
index 57e42274..1b8b963a 100644
--- a/src/templates/__tests__/__snapshots__/learn.test.tsx.snap
+++ b/src/templates/__tests__/__snapshots__/learn.test.tsx.snap
@@ -263,8 +263,8 @@ exports[`Learn Template renders correctly 1`] = `
             </span>
             <svg
               aria-hidden="true"
-              class="svg-inline--fa fa-caret-up "
-              data-icon="caret-up"
+              class="svg-inline--fa fa-caret-down "
+              data-icon="caret-down"
               data-prefix="fas"
               focusable="false"
               role="img"
@@ -272,7 +272,7 @@ exports[`Learn Template renders correctly 1`] = `
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M182.6 137.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-9.2 9.2-11.9 22.9-6.9 34.9s16.6 19.8 29.6 19.8H288c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-128-128z"
+                d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"
                 fill="currentColor"
               />
             </svg>
@@ -311,8 +311,8 @@ exports[`Learn Template renders correctly 1`] = `
             </span>
             <svg
               aria-hidden="true"
-              class="svg-inline--fa fa-caret-up "
-              data-icon="caret-up"
+              class="svg-inline--fa fa-caret-down "
+              data-icon="caret-down"
               data-prefix="fas"
               focusable="false"
               role="img"
@@ -320,7 +320,7 @@ exports[`Learn Template renders correctly 1`] = `
               xmlns="http://www.w3.org/2000/svg"
             >
               <path
-                d="M182.6 137.4c-12.5-12.5-32.8-12.5-45.3 0l-128 128c-9.2 9.2-11.9 22.9-6.9 34.9s16.6 19.8 29.6 19.8H288c12.9 0 24.6-7.8 29.6-19.8s2.2-25.7-6.9-34.9l-128-128z"
+                d="M137.4 374.6c12.5 12.5 32.8 12.5 45.3 0l128-128c9.2-9.2 11.9-22.9 6.9-34.9s-16.6-19.8-29.6-19.8L32 192c-12.9 0-24.6 7.8-29.6 19.8s-2.2 25.7 6.9 34.9l128 128z"
                 fill="currentColor"
               />
             </svg>