docs: DOC-1122 Tip for past release notes (#2483)

* docs: DOC-1122

* save

* chore: added releasenotes component

* save

* save

* chore: test preview

* save

* docs: update

* docs: change the width of the dropdown

* chore: best CSS ever

* chore: fixed styling

* chore: save colors

* chore: fixed styling

* tests: changes

* chore: fixed browser scope

* chore: fixed browser scope leak

* save

* chore: fixed eslint

---------

Co-authored-by: addetz <[email protected]>

docs/docs-content/release-notes.md

@@ -9,6 +9,8 @@ sidebar_custom_props:
 tags: ["release-notes"]
 ---
 
+<ReleaseNotesVersions />
+
 ## Feb 26, 2024 - Release 4.2.13
 
 ### Bug Fixes

package.json

@@ -56,6 +56,7 @@
     "prism-react-renderer": "^2.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
+    "react-select": "^5.8.0",
     "sass": "^1.64.1"
   },
   "devDependencies": {

src/components/ReleaseNotesVersions/ReleaseNotesVersions.module.scss

@@ -0,0 +1,12 @@
+.dropdownContainer {
+  display: flex;
+  justify-content: center;
+}
+
+.dropdownContainer > div:first-child {
+  width: 50%;
+
+  @media (max-width: 768px) {
+    width: 100%;
+  }
+}

src/components/ReleaseNotesVersions/ReleaseNotesVersions.test.tsx

@@ -0,0 +1,25 @@
+import React from "react";
+import { render, screen, logRoles } from "@testing-library/react";
+import ReleaseNotesVersions from "./ReleaseNotesVersions";
+
+// These test are pretty much useless.
+// The only real purpose they show is catching simple issues, or component signature changes.
+
+jest.mock("./ReleaseNotesVersions", () => {
+  return jest.fn(() => {
+    return <div data-testid="mock-rl-note-admn"></div>;
+  });
+});
+// Mock any other dependencies here
+
+describe("ReleaseNotesVersions", () => {
+  it("renders without crashing", () => {
+    render(<ReleaseNotesVersions />);
+    expect(screen.getByTestId("mock-rl-note-admn")).toBeVisible();
+    expect(screen.getByTestId("mock-rl-note-admn")).toBeInTheDocument();
+  });
+});
+
+afterEach(() => {
+  jest.clearAllMocks();
+});