Create Left Sidebar layout (#672)

* Create Left Sidebar layout

* Setup Jest on the project

* Create SideBar test

* Fix DarkModeSwitch color contrast

* Add ScreenReaderOnly Text to expand/collapse button

* Create SkipNavigation anchor

* Remove unnecessary button from AuthorizedPage

frontend/jest.config.mjs

@@ -0,0 +1,13 @@
+import nextJest from 'next/jest.js'
+
+const createJestConfig = nextJest({
+  dir: './',
+})
+
+const config = {
+  testEnvironment: 'jsdom',
+  testPathIgnorePatterns: ['<rootDir>/.next/', '<rootDir>/node_modules/'],
+  setupFilesAfterEnv: ['./jest.setup.ts'],
+}
+
+export default createJestConfig(config)

frontend/jest.setup.ts

@@ -0,0 +1,15 @@
+import '@testing-library/jest-dom'
+
+Object.defineProperty(window, 'matchMedia', {
+  writable: true,
+  value: jest.fn().mockImplementation(query => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: jest.fn(), // deprecated
+    removeListener: jest.fn(), // deprecated
+    addEventListener: jest.fn(),
+    removeEventListener: jest.fn(),
+    dispatchEvent: jest.fn(),
+  })),
+});