feat: swe title updates (#310 )

feat: update admin titles
chore: remove extra console.log()
2024-10-15 00:46:01 -05:00 · 2024-10-15 00:14:58 -05:00 · 2024-10-14 22:12:11 -05:00 · 2024-10-14 22:08:45 -05:00 · 2024-10-14 21:30:37 -05:00 · 2024-10-14 14:19:15 -05:00
283 changed files with 20773 additions and 40781 deletions
--- a/.editorconfig
+++ b/.editorconfig
@@ -0,0 +1,9 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+insert_final_newline = true
+trim_trailing_whitespace = true
+indent_size = 4
+indent_style = space
--- a/.env.development
+++ b/.env.development
@@ -1 +0,0 @@
-MANIFEST_KEY=
--- a/.env.production
+++ b/.env.production
--- a/.eslintrc
+++ b/.eslintrc
@@ -1,205 +0,0 @@
-{
-    "root": true,
-    "env": {
-        "browser": true,
-        "es6": true,
-        "node": true,
-        "webextensions": true,
-    },
-    "ignorePatterns": ["*.html", "tsconfig.json"],
-    "extends": [
-        "eslint:recommended",
-        "plugin:react/recommended",
-        "plugin:react-hooks/recommended",
-        "plugin:storybook/recommended",
-        "airbnb-base",
-        "airbnb/rules/react",
-        "airbnb-typescript",
-        "@unocss",
-        "prettier",
-    ],
-    "plugins": ["import", "jsdoc", "react-prefer-function-component", "@typescript-eslint", "simple-import-sort"],
-    "globals": {
-        "Atomics": "readonly",
-        "SharedArrayBuffer": "readonly",
-        "debugger": true,
-        "browser": true,
-        "context": true,
-        "JSX": true,
-    },
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-        "project": "./tsconfig.json",
-        "ecmaVersion": 2022,
-        "sourceType": "module",
-        "ecmaFeatures": {
-            "jsx": true,
-            "modules": true,
-            "experimentalObjectRestSpread": true,
-        },
-    },
-    "settings": {
-        "react": {
-            "version": "detect",
-        },
-        "jsdoc": {
-            "mode": "typescript",
-        },
-        "import/parsers": {
-            "@typescript-eslint/parser": [".ts", ".tsx"],
-        },
-        "import/resolver": {
-            "typescript": {
-                "alwaysTryTypes": true,
-                "project": "./tsconfig.json",
-            },
-        },
-    },
-    "rules": {
-        "prefer-const": [
-            "off",
-            {
-                "destructuring": "any",
-                "ignoreReadBeforeAssign": false,
-            },
-        ],
-        "no-plusplus": "off",
-        "no-inner-declarations": "off",
-        "sort-imports": "off",
-        "no-case-declarations": "off",
-        "no-unreachable": "warn",
-        "no-constant-condition": "error",
-        "space-before-function-paren": "off",
-        "no-undef": "off",
-        "no-return-await": "off",
-        "@typescript-eslint/return-await": "off",
-        "@typescript-eslint/no-shadow": ["off"],
-        "@typescript-eslint/no-use-before-define": ["off"],
-        "class-methods-use-this": "off",
-        "react-hooks/exhaustive-deps": "warn",
-        "@typescript-eslint/lines-between-class-members": "off",
-        "no-param-reassign": [
-            "error",
-            {
-                "props": false,
-            },
-        ],
-        "no-console": "off",
-        "consistent-return": "off",
-        "react/destructuring-assignment": "off",
-        "import/prefer-default-export": "off",
-        "no-promise-executor-return": "off",
-        "import/no-cycle": "off",
-        "import/no-extraneous-dependencies": "off",
-        "react/jsx-props-no-spreading": "off",
-        "keyword-spacing": [
-            "error",
-            {
-                "before": true,
-                "after": true,
-            },
-        ],
-        "no-continue": "off",
-        "space-before-blocks": [
-            "error",
-            {
-                "functions": "always",
-                "keywords": "always",
-                "classes": "always",
-            },
-        ],
-        "react/jsx-filename-extension": [
-            1,
-            {
-                "extensions": [".tsx"],
-            },
-        ],
-        "react/no-deprecated": "warn",
-        "react/prop-types": "off",
-        "react-prefer-function-component/react-prefer-function-component": [
-            "warn",
-            {
-                "allowComponentDidCatch": false,
-            },
-        ],
-        "react/function-component-definition": "off",
-        "react/button-has-type": "off",
-        "jsdoc/require-param-type": "off",
-        "jsdoc/require-returns-type": "off",
-        "jsdoc/newline-after-description": "off",
-        "react/require-default-props": "off",
-        "jsdoc/require-jsdoc": [
-            "warn",
-            {
-                "enableFixer": false,
-                "publicOnly": true,
-                "checkConstructors": false,
-                "require": {
-                    "ArrowFunctionExpression": true,
-                    "ClassDeclaration": true,
-                    "ClassExpression": true,
-                    "FunctionExpression": true,
-                },
-                "contexts": [
-                    "MethodDefinition:not([key.name=\"componentDidMount\"]):not([key.name=\"render\"])",
-                    "ArrowFunctionExpression",
-                    "ClassDeclaration",
-                    "ClassExpression",
-                    "ClassProperty:not([key.name=\"state\"]):not([key.name=\"componentDidMount\"])",
-                    "FunctionDeclaration",
-                    "FunctionExpression",
-                    "TSDeclareFunction",
-                    "TSEnumDeclaration",
-                    "TSInterfaceDeclaration",
-                    "TSMethodSignature",
-                    "TSModuleDeclaration",
-                    "TSTypeAliasDeclaration",
-                ],
-            },
-        ],
-        "@typescript-eslint/no-explicit-any": "off",
-        "@typescript-eslint/no-unused-vars": "warn",
-        "@typescript-eslint/naming-convention": "off",
-        "@typescript-eslint/space-before-function-paren": "off",
-        "@typescript-eslint/ban-ts-comment": "off",
-        "@typescript-eslint/no-empty-interface": "warn",
-        "import/no-restricted-paths": [
-            "error",
-            {
-                "zones": [
-                    {
-                        "target": "./src/background",
-                        "from": "./src/views",
-                        "message": "You cannot import into the `background` directory from the `views` directory (i.e. content script files) because it will break the build!",
-                    },
-                    {
-                        "target": "./src/views",
-                        "from": "./src/background",
-                        "message": "You cannot import into the `views` directory from the `background` directory (i.e. background script files) because it will break the build!",
-                    },
-                    {
-                        "target": "./src/shared",
-                        "from": "./",
-                        "except": ["./src/shared", "./node_modules"],
-                        "message": "You cannot import into `shared` from an external directory.",
-                    },
-                ],
-            },
-        ],
-        "import/extensions": "off",
-        "no-restricted-syntax": [
-            "error",
-            "ForInStatement",
-            "LabeledStatement",
-            "WithStatement",
-            {
-                "selector": "TSEnumDeclaration",
-                "message": "Don't declare enums",
-            },
-        ],
-        "@typescript-eslint/consistent-type-exports": "error",
-        "@typescript-eslint/consistent-type-imports": "error",
-        "simple-import-sort/imports": "error",
-        "simple-import-sort/exports": "error",
-    },
-}
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -0,0 +1,223 @@
+module.exports = {
+    root: true,
+    env: {
+        browser: true,
+        es6: true,
+        node: true,
+        webextensions: true,
+    },
+    ignorePatterns: ['*.html', 'tsconfig.json'],
+    extends: [
+        'eslint:recommended',
+        'plugin:@typescript-eslint/recommended',
+        'plugin:react/recommended',
+        'plugin:react-hooks/recommended',
+        'plugin:storybook/recommended',
+        'airbnb-base',
+        'airbnb/rules/react',
+        'airbnb-typescript',
+        '@unocss',
+        'prettier',
+    ],
+    plugins: [
+        'import',
+        'import-essentials',
+        'jsdoc',
+        'react-prefer-function-component',
+        '@typescript-eslint',
+        'simple-import-sort',
+    ],
+    globals: {
+        Atomics: 'readonly',
+        SharedArrayBuffer: 'readonly',
+        debugger: true,
+        browser: true,
+        context: true,
+        JSX: true,
+    },
+    parser: '@typescript-eslint/parser',
+    parserOptions: {
+        project: './tsconfig.json',
+        ecmaVersion: 2022,
+        sourceType: 'module',
+        ecmaFeatures: {
+            jsx: true,
+            modules: true,
+            experimentalObjectRestSpread: true,
+        },
+    },
+    settings: {
+        react: {
+            version: 'detect',
+        },
+        jsdoc: {
+            mode: 'typescript',
+        },
+        'import/parsers': {
+            '@typescript-eslint/parser': ['.ts', '.tsx'],
+        },
+        'import/resolver': {
+            typescript: {
+                alwaysTryTypes: true,
+                project: './tsconfig.json',
+            },
+        },
+    },
+    rules: {
+        'prefer-const': [
+            'off',
+            {
+                destructuring: 'any',
+                ignoreReadBeforeAssign: false,
+            },
+        ],
+        'no-plusplus': 'off',
+        'no-inner-declarations': 'off',
+        'sort-imports': 'off',
+        'no-case-declarations': 'off',
+        'no-unreachable': 'warn',
+        'no-constant-condition': 'error',
+        'space-before-function-paren': 'off',
+        'no-undef': 'off',
+        'no-return-await': 'off',
+        '@typescript-eslint/return-await': 'off',
+        '@typescript-eslint/no-shadow': ['off'],
+        '@typescript-eslint/no-use-before-define': ['off'],
+        'class-methods-use-this': 'off',
+        'react-hooks/exhaustive-deps': 'warn',
+        '@typescript-eslint/lines-between-class-members': 'off',
+        'no-param-reassign': [
+            'error',
+            {
+                props: false,
+            },
+        ],
+        'no-console': 'off',
+        'consistent-return': 'off',
+        'react/destructuring-assignment': 'off',
+        'import/prefer-default-export': 'off',
+        'no-promise-executor-return': 'off',
+        'import/no-cycle': 'off',
+        'import/no-extraneous-dependencies': 'off',
+        'react/jsx-props-no-spreading': 'off',
+        'react/jsx-no-useless-fragment': [
+            'error',
+            {
+                allowExpressions: true,
+            },
+        ],
+        'keyword-spacing': [
+            'error',
+            {
+                before: true,
+                after: true,
+            },
+        ],
+        'no-continue': 'off',
+        'space-before-blocks': [
+            'error',
+            {
+                functions: 'always',
+                keywords: 'always',
+                classes: 'always',
+            },
+        ],
+        'react/jsx-filename-extension': [
+            1,
+            {
+                extensions: ['.tsx'],
+            },
+        ],
+        'react/no-deprecated': 'warn',
+        'react/prop-types': 'off',
+        'react-prefer-function-component/react-prefer-function-component': [
+            'warn',
+            {
+                allowComponentDidCatch: false,
+            },
+        ],
+        'react/function-component-definition': 'off',
+        'react/button-has-type': 'off',
+        'jsdoc/require-param-type': 'off',
+        'jsdoc/require-returns-type': 'off',
+        'jsdoc/newline-after-description': 'off',
+        'react/require-default-props': 'off',
+        'jsdoc/require-jsdoc': [
+            'warn',
+            {
+                enableFixer: false,
+                publicOnly: true,
+                checkConstructors: false,
+                require: {
+                    ArrowFunctionExpression: true,
+                    ClassDeclaration: true,
+                    ClassExpression: true,
+                    FunctionExpression: true,
+                },
+                contexts: [
+                    'MethodDefinition:not([key.name="componentDidMount"]):not([key.name="render"])',
+                    'ArrowFunctionExpression',
+                    'ClassDeclaration',
+                    'ClassExpression',
+                    'ClassProperty:not([key.name="state"]):not([key.name="componentDidMount"])',
+                    'FunctionDeclaration',
+                    'FunctionExpression',
+                    'TSDeclareFunction',
+                    'TSEnumDeclaration',
+                    'TSInterfaceDeclaration',
+                    'TSMethodSignature',
+                    'TSModuleDeclaration',
+                    'TSTypeAliasDeclaration',
+                ],
+            },
+        ],
+        '@typescript-eslint/no-explicit-any': 'error',
+        '@typescript-eslint/no-unused-vars': 'warn',
+        '@typescript-eslint/naming-convention': 'off',
+        '@typescript-eslint/space-before-function-paren': 'off',
+        '@typescript-eslint/ban-ts-comment': 'off',
+        '@typescript-eslint/no-empty-interface': 'warn',
+        'import/no-restricted-paths': [
+            'error',
+            {
+                zones: [
+                    {
+                        target: './src/background',
+                        from: './src/views',
+                        message:
+                            'You cannot import into the `background` directory from the `views` directory (i.e. content script files) because it will break the build!',
+                    },
+                    {
+                        target: './src/views',
+                        from: './src/background',
+                        message:
+                            'You cannot import into the `views` directory from the `background` directory (i.e. background script files) because it will break the build!',
+                    },
+                    {
+                        target: './src/shared',
+                        from: './',
+                        except: ['./src/shared', './node_modules'],
+                        message: 'You cannot import into `shared` from an external directory.',
+                    },
+                ],
+            },
+        ],
+        'import/extensions': 'off',
+        'no-restricted-syntax': [
+            'error',
+            'ForInStatement',
+            'LabeledStatement',
+            'WithStatement',
+            {
+                selector: 'TSEnumDeclaration',
+                message: "Don't declare enums",
+            },
+        ],
+        '@typescript-eslint/consistent-type-exports': 'error',
+        '@typescript-eslint/consistent-type-imports': 'error',
+        'simple-import-sort/imports': 'error',
+        'simple-import-sort/exports': 'error',
+        'import-essentials/restrict-import-depth': 'error',
+        'import-essentials/check-path-alias': 'error',
+    },
+};
--- a/.github/workflows/best-practices.yml
+++ b/.github/workflows/best-practices.yml
@@ -15,7 +15,7 @@ jobs:
            - name: Setup pnpm
              uses: pnpm/action-setup@v3
              with:
-                  version: 8
+                  version: 9

            - name: Install dependencies
              run: pnpm install
@@ -34,7 +34,7 @@ jobs:
            - name: Setup pnpm
              uses: pnpm/action-setup@v3
              with:
-                  version: 8
+                  version: 9

            - name: Install dependencies
              run: pnpm install
--- a/.github/workflows/check-types.yml
+++ b/.github/workflows/check-types.yml
@@ -0,0 +1,24 @@
+name: Type Check
+
+on: [push, pull_request]
+
+jobs:
+    type-check:
+        runs-on: ubuntu-latest
+
+        steps:
+            - name: Checkout code
+              uses: actions/checkout@v4
+              with:
+                  fetch-depth: 0
+
+            - name: Setup pnpm
+              uses: pnpm/action-setup@v3
+              with:
+                  version: 9
+
+            - name: Install dependencies
+              run: pnpm install
+
+            - name: Run tests
+              run: pnpm run check-types
--- a/.github/workflows/chromatic.yml
+++ b/.github/workflows/chromatic.yml
@@ -13,7 +13,7 @@ jobs:
            - name: Setup pnpm
              uses: pnpm/action-setup@v3
              with:
-                  version: 8
+                  version: 9

            - name: Install dependencies
              run: pnpm install
@@ -21,6 +21,6 @@ jobs:
            - name: Publish to Chromatic
              uses: chromaui/action@latest
              with:
-                  projectToken: ${{ secrets.CHROMATIC_PROJECT_TOKEN }}
+                  projectToken: chpt_e8bd07b0b27d8eb
                  exitZeroOnChanges: true
                  autoAcceptChanges: 'main'
--- a/.github/workflows/tests.yml
+++ b/.github/workflows/tests.yml
@@ -15,7 +15,7 @@ jobs:
            - name: Setup pnpm
              uses: pnpm/action-setup@v3
              with:
-                  version: 8
+                  version: 9

            - name: Install dependencies
              run: pnpm install
--- a/.gitignore
+++ b/.gitignore
@@ -208,4 +208,6 @@ sketch
 # End of https://www.toptal.com/developers/gitignore/api/visualstudiocode,macos,node,react,storybookjs

 # Custom rules (everything added below won't be overriden by 'Generate .gitignore File' if you use 'Update' option)
-
+package-lock.json
+storybook-static/
+package/
--- a/.nvmrc
+++ b/.nvmrc
@@ -1 +1 @@
-v18.12.1
+v20.9.0
--- a/.storybook/main.ts
+++ b/.storybook/main.ts
@@ -2,7 +2,13 @@ import type { StorybookConfig } from '@storybook/react-vite';

 const config: StorybookConfig = {
    stories: ['../src/**/*.mdx', '../src/**/*.stories.@(js|jsx|mjs|ts|tsx)'],
-    addons: ['@storybook/addon-links', '@storybook/addon-essentials', '@storybook/addon-designs'],
+    addons: [
+        '@storybook/addon-links',
+        '@storybook/addon-essentials',
+        '@storybook/addon-designs',
+        '@storybook/test',
+        '@chromatic-com/storybook',
+    ],
    framework: {
        name: '@storybook/react-vite',
        options: {
--- a/.storybook/preview.tsx
+++ b/.storybook/preview.tsx
@@ -1,24 +1,178 @@
+import { UserScheduleStore } from '@shared/storage/UserScheduleStore';
 import type { Preview } from '@storybook/react';
+import ExtensionRoot from '@views/components/common/ExtensionRoot/ExtensionRoot';
 import React from 'react';
-import ExtensionRoot from 'src/views/components/common/ExtensionRoot/ExtensionRoot';

 const preview: Preview = {
-  parameters: {
-    actions: { argTypesRegex: '^on[A-Z].*' },
-    controls: {
-      matchers: {
-        color: /(background|color)$/i,
-        date: /Date$/i,
-      },
+    parameters: {
+        controls: {
+            matchers: {
+                color: /(background|color)$/i,
+                date: /Date$/i,
+            },
+        },
    },
-  },
-  decorators: [
-    Story => (
-      <ExtensionRoot>
-        <Story />
-      </ExtensionRoot>
-    ),
-  ],
+    decorators: [
+        Story => (
+            <React.StrictMode>
+                <ExtensionRoot>
+                    <Story />
+                </ExtensionRoot>
+            </React.StrictMode>
+        ),
+    ],
 };

+let localData = {};
+type ListenerFunction = (
+    changes: { [key: string]: chrome.storage.StorageChange },
+    areaName: chrome.storage.AreaName
+) => void;
+const localDataListeners = new Map<
+    ListenerFunction, // key to remove listener
+    (changes: { [key: string]: chrome.storage.StorageChange }) => void
+>();
+
+// mock chrome api
+globalThis.chrome = {
+    storage: {
+        local: {
+            /**
+             * Removes all items from storage.
+             * @param callback Optional.
+             * Callback on success, or on failure (in which case runtime.lastError will be set).
+             */
+            async clear() {
+                localData = {};
+            },
+            /**
+             * Gets one or more items from storage.
+             * @param keys A single key to get, list of keys to get, or a dictionary specifying default values.
+             * An empty list or object will return an empty result object. Pass in null to get the entire contents of storage.
+             * @return A Promise that resolves with an object containing items
+             */
+            async get(keys?: string | string[] | { [key: string]: any } | null) {
+                if (keys === null) {
+                    return localData;
+                }
+                if (Array.isArray(keys)) {
+                    return keys.reduce((acc, key) => {
+                        acc[key] = localData[key];
+                        return acc;
+                    }, {} as string); // funny types
+                }
+                if (typeof keys === 'string') {
+                    return { [keys]: localData[keys] };
+                }
+                return keys;
+            },
+            /**
+             * Gets the amount of space (in bytes) being used by one or more items.
+             * @param keys Optional. A single key or list of keys to get the total usage for. An empty list will return 0. Pass in null to get the total usage of all of storage.
+             * @param callback Callback with the amount of space being used by storage, or on failure (in which case runtime.lastError will be set).
+             * Parameter bytesInUse: Amount of space being used in storage, in bytes.
+             */
+            async getBytesInUse() {
+                return 0;
+            },
+            /**
+             * Removes one or more items from storage.
+             * @param keys A single key or a list of keys for items to remove.
+             * @param callback Optional.
+             * Callback on success, or on failure (in which case runtime.lastError will be set).
+             */
+            async remove(keys: string | string[]) {
+                if (Array.isArray(keys)) {
+                    keys.forEach(key => {
+                        for (const listener of localDataListeners.values()) {
+                            listener({ [key]: { oldValue: localData[key], newValue: undefined } });
+                        }
+
+                        delete localData[key];
+                    });
+                } else {
+                    for (const listener of localDataListeners.values()) {
+                        listener({ [keys]: { oldValue: localData[keys], newValue: undefined } });
+                    }
+
+                    delete localData[keys];
+                }
+            },
+            /**
+             * Sets multiple items.
+             * @param items An object which gives each key/value pair to update storage with. Any other key/value pairs in storage will not be affected.
+             * Primitive values such as numbers will serialize as expected. Values with a typeof "object" and "function" will typically serialize to {}, with the exception of Array (serializes as expected), Date, and Regex (serialize using their String representation).
+             * @param callback Optional.
+             * Callback on success, or on failure (in which case runtime.lastError will be set).
+             */
+            async set(items: { [key: string]: any }) {
+                for (const key in items) {
+                    const oldValue = localData[key];
+                    localData[key] = JSON.parse(JSON.stringify(items[key]));
+
+                    for (const listener of localDataListeners.values()) {
+                        listener({ [key]: { oldValue: oldValue, newValue: localData[key] } });
+                    }
+                }
+            },
+        },
+        onChanged: {
+            /**
+             * Registers an event listener callback to an event.
+             * @param callback Called when an event occurs. The parameters of this function depend on the type of event.
+             */
+            addListener(
+                listener: (
+                    changes: { [key: string]: chrome.storage.StorageChange },
+                    areaName: chrome.storage.AreaName
+                ) => void
+            ) {
+                localDataListeners.set(listener, (changes: { [key: string]: chrome.storage.StorageChange }) => {
+                    listener(changes, 'local');
+                });
+            },
+
+            /**
+             * Deregisters an event listener callback from an event.
+             * @param callback Listener that shall be unregistered.
+             */
+            removeListener(listener: ListenerFunction) {
+                localDataListeners.delete(listener);
+            },
+        },
+    },
+    runtime: {
+        id: 'fake-id',
+        getManifest(): chrome.runtime.Manifest {
+            return {
+                manifest_version: 3,
+                name: 'fake-name',
+                version: '0.0.0',
+            };
+        },
+        onMessage: {
+            /**
+             * Registers an event listener callback to an event.
+             * @param callback Called when an event occurs. The parameters of this function depend on the type of event.
+             */
+            addListener<T extends Function>(callback: T) {},
+
+            /**
+             * Deregisters an event listener callback from an event.
+             * @param callback Listener that shall be unregistered.
+             */
+            removeListener<T extends Function>(callback: T) {},
+        },
+    },
+} as typeof chrome;
+
+// set updatedAt dates to be fixed
+
+UserScheduleStore.get('schedules').then(schedules => {
+    schedules.forEach(schedule => {
+        schedule.updatedAt = new Date('2024-01-01 12:00').getTime();
+    });
+    UserScheduleStore.set('schedules', schedules);
+});
+
 export default preview;
--- a/.storybook/vite-storybook.config.ts.timestamp-1708365827408-19c5144af9dbf.mjs
+++ b/.storybook/vite-storybook.config.ts.timestamp-1708365827408-19c5144af9dbf.mjs
@@ -1,30 +0,0 @@
-// .storybook/vite-storybook.config.ts
-import react from "file:///C:/Users/somgu/OneDrive/Desktop/UT-Registration-Plus/node_modules/.pnpm/@vitejs+plugin-react-swc@3.6.0_vite@5.1.2/node_modules/@vitejs/plugin-react-swc/index.mjs";
-import { resolve } from "path";
-import UnoCSS from "file:///C:/Users/somgu/OneDrive/Desktop/UT-Registration-Plus/node_modules/.pnpm/unocss@0.58.5_postcss@8.4.35_vite@5.1.2/node_modules/unocss/dist/vite.mjs";
-import Icons from "file:///C:/Users/somgu/OneDrive/Desktop/UT-Registration-Plus/node_modules/.pnpm/unplugin-icons@0.18.5_@svgr+core@8.1.0/node_modules/unplugin-icons/dist/vite.js";
-import { defineConfig } from "file:///C:/Users/somgu/OneDrive/Desktop/UT-Registration-Plus/node_modules/.pnpm/vite@5.1.2_@types+node@20.11.17_sass@1.70.0/node_modules/vite/dist/node/index.js";
-var __vite_injected_original_dirname = "C:\\Users\\somgu\\OneDrive\\Desktop\\UT-Registration-Plus\\.storybook";
-var root = resolve(__vite_injected_original_dirname, "../src");
-var pagesDir = resolve(root, "pages");
-var assetsDir = resolve(root, "assets");
-var publicDir = resolve(__vite_injected_original_dirname, "../public");
-console.log(root);
-var vite_storybook_config_default = defineConfig({
-  plugins: [react(), UnoCSS(), Icons({ compiler: "jsx", jsx: "react" })],
-  resolve: {
-    alias: {
-      src: root,
-      "@assets": assetsDir,
-      "@pages": pagesDir,
-      "@public": publicDir,
-      "@shared": resolve(root, "shared"),
-      "@background": resolve(pagesDir, "background"),
-      "@views": resolve(root, "views")
-    }
-  }
-});
-export {
-  vite_storybook_config_default as default
-};
-//# sourceMappingURL=data:application/json;base64,ewogICJ2ZXJzaW9uIjogMywKICAic291cmNlcyI6IFsiLnN0b3J5Ym9vay92aXRlLXN0b3J5Ym9vay5jb25maWcudHMiXSwKICAic291cmNlc0NvbnRlbnQiOiBbImNvbnN0IF9fdml0ZV9pbmplY3RlZF9vcmlnaW5hbF9kaXJuYW1lID0gXCJDOlxcXFxVc2Vyc1xcXFxzb21ndVxcXFxPbmVEcml2ZVxcXFxEZXNrdG9wXFxcXFVULVJlZ2lzdHJhdGlvbi1QbHVzXFxcXC5zdG9yeWJvb2tcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfZmlsZW5hbWUgPSBcIkM6XFxcXFVzZXJzXFxcXHNvbWd1XFxcXE9uZURyaXZlXFxcXERlc2t0b3BcXFxcVVQtUmVnaXN0cmF0aW9uLVBsdXNcXFxcLnN0b3J5Ym9va1xcXFx2aXRlLXN0b3J5Ym9vay5jb25maWcudHNcIjtjb25zdCBfX3ZpdGVfaW5qZWN0ZWRfb3JpZ2luYWxfaW1wb3J0X21ldGFfdXJsID0gXCJmaWxlOi8vL0M6L1VzZXJzL3NvbWd1L09uZURyaXZlL0Rlc2t0b3AvVVQtUmVnaXN0cmF0aW9uLVBsdXMvLnN0b3J5Ym9vay92aXRlLXN0b3J5Ym9vay5jb25maWcudHNcIjtpbXBvcnQgcmVhY3QgZnJvbSAnQHZpdGVqcy9wbHVnaW4tcmVhY3Qtc3djJztcbmltcG9ydCB7IHJlc29sdmUgfSBmcm9tICdwYXRoJztcbmltcG9ydCBVbm9DU1MgZnJvbSAndW5vY3NzL3ZpdGUnO1xuaW1wb3J0IEljb25zIGZyb20gJ3VucGx1Z2luLWljb25zL3ZpdGUnO1xuaW1wb3J0IHsgZGVmaW5lQ29uZmlnIH0gZnJvbSAndml0ZSc7XG5cbmNvbnN0IHJvb3QgPSByZXNvbHZlKF9fZGlybmFtZSwgJy4uL3NyYycpO1xuY29uc3QgcGFnZXNEaXIgPSByZXNvbHZlKHJvb3QsICdwYWdlcycpO1xuY29uc3QgYXNzZXRzRGlyID0gcmVzb2x2ZShyb290LCAnYXNzZXRzJyk7XG5jb25zdCBwdWJsaWNEaXIgPSByZXNvbHZlKF9fZGlybmFtZSwgJy4uL3B1YmxpYycpO1xuXG5jb25zb2xlLmxvZyhyb290KTtcblxuLy8gaHR0cHM6Ly92aXRlanMuZGV2L2NvbmZpZy9cbmV4cG9ydCBkZWZhdWx0IGRlZmluZUNvbmZpZyh7XG4gICAgcGx1Z2luczogW3JlYWN0KCksIFVub0NTUygpLCBJY29ucyh7IGNvbXBpbGVyOiAnanN4JywganN4OiAncmVhY3QnIH0pXSxcbiAgICByZXNvbHZlOiB7XG4gICAgICAgIGFsaWFzOiB7XG4gICAgICAgICAgICBzcmM6IHJvb3QsXG4gICAgICAgICAgICAnQGFzc2V0cyc6IGFzc2V0c0RpcixcbiAgICAgICAgICAgICdAcGFnZXMnOiBwYWdlc0RpcixcbiAgICAgICAgICAgICdAcHVibGljJzogcHVibGljRGlyLFxuICAgICAgICAgICAgJ0BzaGFyZWQnOiByZXNvbHZlKHJvb3QsICdzaGFyZWQnKSxcbiAgICAgICAgICAgICdAYmFja2dyb3VuZCc6IHJlc29sdmUocGFnZXNEaXIsICdiYWNrZ3JvdW5kJyksXG4gICAgICAgICAgICAnQHZpZXdzJzogcmVzb2x2ZShyb290LCAndmlld3MnKSxcbiAgICAgICAgfSxcbiAgICB9LFxufSk7XG4iXSwKICAibWFwcGluZ3MiOiAiO0FBQWlaLE9BQU8sV0FBVztBQUNuYSxTQUFTLGVBQWU7QUFDeEIsT0FBTyxZQUFZO0FBQ25CLE9BQU8sV0FBVztBQUNsQixTQUFTLG9CQUFvQjtBQUo3QixJQUFNLG1DQUFtQztBQU16QyxJQUFNLE9BQU8sUUFBUSxrQ0FBVyxRQUFRO0FBQ3hDLElBQU0sV0FBVyxRQUFRLE1BQU0sT0FBTztBQUN0QyxJQUFNLFlBQVksUUFBUSxNQUFNLFFBQVE7QUFDeEMsSUFBTSxZQUFZLFFBQVEsa0NBQVcsV0FBVztBQUVoRCxRQUFRLElBQUksSUFBSTtBQUdoQixJQUFPLGdDQUFRLGFBQWE7QUFBQSxFQUN4QixTQUFTLENBQUMsTUFBTSxHQUFHLE9BQU8sR0FBRyxNQUFNLEVBQUUsVUFBVSxPQUFPLEtBQUssUUFBUSxDQUFDLENBQUM7QUFBQSxFQUNyRSxTQUFTO0FBQUEsSUFDTCxPQUFPO0FBQUEsTUFDSCxLQUFLO0FBQUEsTUFDTCxXQUFXO0FBQUEsTUFDWCxVQUFVO0FBQUEsTUFDVixXQUFXO0FBQUEsTUFDWCxXQUFXLFFBQVEsTUFBTSxRQUFRO0FBQUEsTUFDakMsZUFBZSxRQUFRLFVBQVUsWUFBWTtBQUFBLE1BQzdDLFVBQVUsUUFBUSxNQUFNLE9BQU87QUFBQSxJQUNuQztBQUFBLEVBQ0o7QUFDSixDQUFDOyIsCiAgIm5hbWVzIjogW10KfQo=
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -1,5 +1,9 @@
 {
    "recommendations": [
-        "clinyong.vscode-css-modules"
+        "dbaeumer.vscode-eslint",
+        "esbenp.prettier-vscode",
+        "antfu.unocss",
+        "editorconfig.editorconfig",
+        "figma.figma-vscode-extension"
    ]
 }
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -37,7 +37,4 @@
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "typescript.tsdk": "node_modules/typescript/lib",
-    "tailwindCSS.includeLanguages": { 
-        "plaintext": "javascript" 
-    }
 }
--- a/@types/css-imports.d.ts
+++ b/@types/css-imports.d.ts
@@ -1,13 +0,0 @@
-declare module '*.module.css' {
-    const classes: { [key: string]: string };
-    export default classes;
-}
-
-declare module '*.module.scss' {
-    const classes: { [key: string]: string };
-    export default classes;
-}
-declare module '*.mp3' {
-    const src: string;
-    export default src;
-}
--- a/@types/environment.d.ts
+++ b/@types/environment.d.ts
@@ -1,22 +0,0 @@
-declare global {
-    namespace NodeJS {
-        interface ProcessEnv {
-            NODE_ENV: 'development' | 'production';
-            CI?: string;
-            /** set this to make sure the extension id is the same for unpacked extensions
-             * @see https://developer.chrome.com/docs/apps/app_identity/#copy_key */
-            MANIFEST_KEY?: string;
-            /**
-             * The Node semantic versioning-compatible version of the extension. For preview-style releases, this variable
-             * converts versions like 1.0.0.100 to 1.0.0-beta.1.
-             */
-            SEMANTIC_VERSION?: string;
-        }
-    }
-
-    type Environment = typeof process.env.NODE_ENV;
-}
-
-// If this file has no import/export statements (i.e. is a script)
-// convert it into a module by adding an empty export statement.
-export {};
--- a/@types/svg-import.d.ts
+++ b/@types/svg-import.d.ts
@@ -1,6 +0,0 @@
-declare module "*.svg" {
-  import { ReactElement, SVGProps } from "react";
-
-  const ReactComponent: (props: SVGProps<SVGElement>) => ReactElement;
-  export default ReactComponent;
-}
--- a/@types/vite-env.d.ts
+++ b/@types/vite-env.d.ts
@@ -0,0 +1,10 @@
+/// <reference types="vite/client" />
+
+interface ImportMetaEnv {
+    readonly VITE_PACKAGE_VERSION: string;
+    readonly VITE_BETA_BUILD?: 'true';
+}
+
+interface ImportMeta {
+    readonly env: ImportMetaEnv;
+}
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -0,0 +1,243 @@
+## 2.0.0 (2024-10-15)
+
+### Features
+
+-   abhinavchadaga/course-catalog-popup ([#128](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/128)) ([745f9dd](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/745f9dd6fb96ccc0eace7189b87abf9a38f03828))
+-   abhinavchadaga/reusable-popup-prompt ([#148](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/148)) ([44af9e1](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/44af9e16e4bf3b92c9a4fa0e779197f4f9ecb237))
+-   actually sum for duplicate semesters (different uniques) ([#202](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/202)) ([d3f64ec](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/d3f64ec79eb64ebe72ae28991127dbe521823842))
+-   add button to the rows, use new ConflictsWithWarning component ([bec2649](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/bec2649fc1244bffb5cb03809db62cc0ea477260))
+-   add buttons with icons in tailwind ([93b65ac](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/93b65ac2edef3fc728305cc51d1a32ecf5073274))
+-   add cal save buttons (no functionality) ([53e7c7f](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/53e7c7fedaf1f268d2d7d06ff1a5df9e2af2306d))
+-   add Calendar Component ([e0212d5](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/e0212d510928e5e95d3ba75e391c34714f1bb035))
+-   add Calendar schedules component (clicking on storybook not working) ([d1a336e](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/d1a336e903f09b04b89f11ba7ede2f7d26e0ac3c))
+-   add CalendarHeader and its Storybook, need to resize ([23276e5](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/23276e5c7c907261b1d02e9006d8021d99b43984))
+-   add check-path-alias custom ESLint rule ([#123](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/123)) ([208103d](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/208103d7081abcf5b31bf36335320aaf7d213464))
+-   add chrome.storage api mocks for storybook use ([#141](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/141)) ([3839bff](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/3839bff29ef6f0ecfad1e975e685df9a64d96c92))
+-   add CSS for calendarCell div ([6cdcf49](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/6cdcf4930d9868c0ed45820f66102d89a644cfb6))
+-   add CSS for hourLine div ([0ba6153](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/0ba61534cbfc83408cb64eb1145ecacef1ee8f04))
+-   add CSS for timeLabelContainer div ([56f6456](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/56f6456ce85f77edb9d6fa64ecb82a8388feec41))
+-   add custom ESLint rule restrict-import-depth ([#110](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/110)) ([8c069b7](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/8c069b7ad339ed8db97bb5e3e6e88ab8d332489b))
+-   add downloadBlob util ([2af351e](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/2af351efa85264da5abeee27fbd091d4ce637041))
+-   add empty settings component - waiting on design ([9d0f210](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/9d0f2105481cc3d5affdb4bd69d428379ea92de3))
+-   add ImportantLinks Component ([5dbee6f](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/5dbee6f0c39e620c3b65a5e0156fd59ec8217ca7))
+-   add List component ([e6b4049](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/e6b40494031ca88894b2f918bb18448b70124481))
+-   add MIMEType ([0c76052](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/0c760524781556cf089f1885dc4ff3fd567bfc2b))
+-   add new db powered by UT_Grade_Parser ([#163](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/163)) ([60d1f48](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/60d1f48bd95132f0517258f017a7644d8aff5101))
+-   add react-loading-skeleton package ([#244](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/244)) ([b4dd91a](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/b4dd91ad2595d9583a60530c2c2ff6d829d2d5e5))
+-   add skeleton loader for course description + distribution ([#267](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/267)) ([c2cab40](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/c2cab407f3a07c1d3073e936c9d23cb1cecc9cb9))
+-   add story for CalendarGridCell ([fd91c3b](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/fd91c3b12ef5670563e689d190be75ef1f695d1c))
+-   add Storybook story ([cb3cb5d](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/cb3cb5d5fc18a68ca5a825f97b808b535aa1fe29))
+-   add tailwind version of Button component ([28d93b3](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/28d93b3c25e1cbca3baea992a299d626ca823570))
+-   add tickmarks to day div ([8b9cb06](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/8b9cb065c28b5dd38b7e1681839a81f55691a3c6))
+-   add time column to Calendar Component ([9d68211](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/9d6821127e7ff9bf63cef659932ee7408de4c969))
+-   add timeAndGrid div ([95e0544](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/95e0544b7301d382439b74038fb1b3e25dfe6d30))
+-   added flag ;-; ([#195](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/195)) ([9b4d61c](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/9b4d61c2b0d8806b5d4a10296c1cc1266ac4229f))
+-   added scrapedAt property ([#149](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/149)) ([8e181b3](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/8e181b3010dfe25ea1e4b4ba181cbe9944d6e92e))
+-   additional changes to [#201](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/201) ([#224](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/224)) ([bc354f3](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/bc354f3798a02e6ebc3c66a8b5eee553c25a19d4))
+-   aesthetically pleasing squishier course blocks when compressed ([#232](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/232)) ([438c82b](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/438c82bfb5db0f570b261d15368a05447939b0fb))
+-   align day labels and add to grid ([1bb6191](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/1bb6191244f40220a9af66cced4fe8f0c1e546a0))
+-   alignment on calendar and header ([#109](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/109)) ([07ec5ab](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/07ec5abc3e1b40b801b7c977d21399b31222a4d3))
+-   async course adding and async/other course block adjustments ([#273](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/273)) ([668c8d0](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/668c8d00756a5e3e3daaade46380967c74eec1ae))
+-   async text hiding on Calendar's Bottom Bar when there are no async courses ([#152](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/152)) ([0dff122](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/0dff12232c29415fa7bc5ac3771393a406ab738d))
+-   basic CalendarCourseMeeting component laid out - missing Text and Right Icon ([da9e7aa](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/da9e7aac4135afa5184e4949c36a288ef6ab62a7))
+-   Best Practices ([#102](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/102)) ([5eb7be2](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/5eb7be246cd2a1db27c7ca777d81074ae7bb3b82))
+-   beta builds ([#187](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/187)) ([8a5e12e](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/8a5e12ec63539ae7199f0f1561f642cb9cf19302))
+-   better discord icon ([#205](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/205)) ([a3f5e0f](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/a3f5e0f27ffdfcb4e3ddd47140979aca379f9f42))
+-   bold red refresh error ([#220](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/220)) ([229a8a2](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/229a8a29e8d04dfbe15de200ceffc53b4f758413))
+-   bottom bar for the calendar page ([#91](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/91)) ([0f730d6](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/0f730d6c50462c9f7d0428ebb379742305212ef6))
+-   build without errors ([babc925](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/babc925967b01f1064b8d8e067e7bc792dd57b0a))
+-   calendar components 3rd attempt at merging ([#60](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/60)) ([4faca8c](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/4faca8c43befe19c9b05ff4f3afba420e016bb59))
+-   Calendar Components 3rd Attempt at Merging ([#60](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/60)) ([ab2cd68](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/ab2cd688fae616742b39c0637291a65e508e23bd))
+-   calendar course block component ([#75](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/75)) ([00e0019](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/00e00197efb807d420196f2b030fc4dc71e9cd42))
+-   calendar course block component ([#75](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/75)) ([a41cb3e](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/a41cb3ed8711eff9a2fbbe435e867c073904f452))
+-   calendar grid and grid cells ([#81](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/81)) ([bfeb239](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/bfeb2398aacf9a1fba892737b6ef0286acbc326f))
+-   Calendar Grid and Grid Cells ([#81](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/81)) ([dd2f696](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/dd2f696f8de2c0b291e917ef4d4cb2171b76712c))
+-   calendar header formatting and data displaying ([#160](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/160)) ([5cce1c7](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/5cce1c79fc2b50843426ed290a1b53849375e4eb))
+-   calendar matchings ([#173](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/173)) ([791a42b](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/791a42bcd49478024b6f1a237a2d2a9f6211749e))
+-   Calendar Schedule component finished, fix: list didn't allow updates when adding a new schedule ([#115](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/115)) ([a99a557](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/a99a55788a0b9791ff048c8bbbaad5bada47c41f))
+-   calendar-course-cell-color-picker ([#157](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/157)) ([df18491](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/df1849180de2c793c10e3a49d2c862d236456ec2))
+-   can open tabs, updated injected popup heading. basically done ([35fab34](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/35fab3444582b436f63c7b16a26ebd5989c4bf3e))
+-   change Chip to tailwind css. Fixed eslint for ConflictsWithWarning ([3568b8e](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/3568b8eb5ee9ce3fe17f77f5641c0583bacc17a4))
+-   check-path-alias autofix ([#124](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/124)) ([265652c](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/265652c4200a56b1ae62e6e94e0609fb4604c188))
+-   chrome extension works ([35f3c72](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/35f3c7225049d760c6061ed827aa796514291e62))
+-   color palette for calendar ([#118](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/118)) ([471e55d](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/471e55dcea1ae439658d00ed41570e2f218f0c3d))
+-   Conventional Commits ([#103](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/103)) ([fe599df](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/fe599dfe7514ead880596d3b75c8370bde796e09))
+-   convert all LabelsAndDetails Components to Tailwind ([9e0f9df](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/9e0f9df9de1a5c99657ddcef3b2eb101dd825b84))
+-   course color generation ([#179](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/179)) ([5ed81e4](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/5ed81e4be99a8b7f3c68a3ba70358e4cbe5cc613))
+-   course colors ([#175](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/175)) ([dc77cc2](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/dc77cc27da7ab521e290a8c9ba810573e677b6b8))
+-   Course Flag Tooltips ([#178](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/178)) ([ba2bc60](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/ba2bc60add2b87ccd4e9894c454d7a8d8382f0dd))
+-   course-catalog-injected-popup ([#98](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/98)) ([89d03f4](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/89d03f4244d324915cadadaf75a827221525d43f))
+-   CourseStatus Component implemented ([#83](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/83)) ([58d7df4](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/58d7df499ca9a8dfd4dc3aa47bc9d76837f21bf7))
+-   CourseStatus Component implemented ([#83](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/83)) ([fa1d737](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/fa1d7374bcafbe19673dc31f33b3f8075e45f37a))
+-   create empty Popup story ([ad83ba4](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/ad83ba4cdc67f86096d0cbc2cb6659aa9be98a0b))
+-   Create icon helper ([#77](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/77)) ([ccea0f4](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/ccea0f4bd1e8d66dc0717d92c9e970040d9fbe9e))
+-   Create icon helper ([#77](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/77)) ([1b51d65](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/1b51d65c89a4b544f4f2a9c60106e14300f9a3b0))
+-   Derek vinson/calendar header ([#94](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/94)) ([12d09b5](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/12d09b54cbf840993d17323b96cf274ec24c67ce))
+-   Derek/disable updating ([#239](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/239)) ([0ab83ef](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/0ab83efd47d75fb6c278994c7dc8a6d22b4b6b83))
+-   Derek/export png ([#95](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/95)) ([58c2b46](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/58c2b4634a9d065ca156d27c4af69a504b7c2d2d))
+-   DialogProvider component ([#198](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/198)) ([d1b921a](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/d1b921a5b000693d7f3dabaf84d8b9580c361941))
+-   dividers in calendar bottom bar ([#120](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/120)) ([eba5d9f](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/eba5d9f508576d2648bd2501e5d5aaff32592566))
+-   **docs:** add extra acknowledgements ([e2cbfa3](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/e2cbfa3f48cb0b10a43134cf9784a44b13aa542d))
+-   drag only on vertical axis ([34a6449](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/34a644952995d4aedd18d11d327bd8589f5b2610))
+-   early iteration of non-virtual list ([677aa62](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/677aa624d7fb2bbb922aaf8806abe979c3399e4e))
+-   enable TS strict mode ([#168](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/168)) ([efed1c0](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/efed1c0edbf93987c551952a03c9c4b3c461d819))
+-   experimental toggle for icons, left off for now ([#237](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/237)) ([f34dd95](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/f34dd95d7765322b6cecb2e817a46e0549d929a5))
+-   fall 2023 grades ([#226](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/226)) ([863d980](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/863d980b2d1c706b1fc648f1a0de2a31515e339e))
+-   finally fix grid JSX.Element generation ([e49fc29](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/e49fc295ba40a37f9bf59686adbd8b4f523cd9c6))
+-   finish ScheduleTotalHoursAndCourses ([12f680d](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/12f680d7e9aef826281c8f769825408dc6f9f9de))
+-   fix icons on PopupMain and convert to tailwind ([#108](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/108)) ([87799d8](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/87799d8f02aa5986025982f768639afdb1b0267a))
+-   fix save as button dividers ([#153](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/153)) ([7986549](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/7986549fdd40834a85bedbfd0862cdb21c9ae657))
+-   grades by professor ([#225](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/225)) ([78d749a](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/78d749a8a96f63c32663b464e5b663f932c28ed0))
+-   html2canvas -> htmlToImage and fix derick's bugs ([bda0282](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/bda02826b14b96fd65a6f24218950e510c5aa3d8))
+-   icon added successfully ([3b588c2](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/3b588c20394523ddf90456e1ca58546e5b820c74))
+-   implement Chip component ([23e881f](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/23e881f14cc80100d8f8deef6a25daaa72d83f07))
+-   implement flatten course schedule helper function ([e54f488](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/e54f488b170d5a9af646c1ac82e8b33579fef61d))
+-   implemented ConflictsWithWarning ([93f3a30](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/93f3a307b4acce6cc55fc411f1ea2d7576006b00))
+-   implemented InfoCard ([21b6430](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/21b643000d884442e025534802be6bb1f6ba68e2))
+-   Initial Splash Text Commit ([#208](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/208)) ([0534f60](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/0534f607a51f1dd0905f6f45f08519cba65ea05a))
+-   limit schedules to 10 ([#272](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/272)) ([290b841](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/290b8415170bca631e5d71b08d88db80b02163f0))
+-   link to your registered courses ([#228](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/228)) ([f83e012](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/f83e012d62e268d95dce19a30e54e34f3779142b))
+-   list reordering ([#154](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/154)) ([038ebaa](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/038ebaa2689c14bc9906afb542ef62c21cb13177))
+-   listed versioning for beta builds ([#192](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/192)) ([0c42979](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/0c429794230a91c4fd949715b7eea210ac18fee3))
+-   lowercase instructor! ([#268](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/268)) ([9ec05ef](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/9ec05ef764b2451c05e2d084d92074fb1e984268))
+-   made List more extensible ([cd34601](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/cd34601379d5cd2b53d967afbc954178834823b9))
+-   match calendar designs & add functionality ([#176](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/176)) ([8027c3d](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/8027c3d1bf228053acbad3e232b030c9ddbaca6a))
+-   migrate styles to TailwindCSS ([7e2f5ea](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/7e2f5eaed7d782bc886545f7241e0891d55cfae0))
+-   migration update showing ([#293](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/293)) ([aede681](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/aede681d4bb5b01723eb9d68527f4e64991adfab))
+-   missed one chip toggle there ([#245](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/245)) ([5ca24da](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/5ca24dab82509d34cf43af4359940476159d052f))
+-   newer grades and parameterized queries ([#238](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/238)) ([75ad416](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/75ad4167b6639bbcf58e2dc6dafc80ed4656a899))
+-   one single exclamation mark did all that ([#235](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/235)) ([be87e41](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/be87e4181430e0df41683be5c9d0a1ce992b2c61))
+-   open an injected course page on course block click in popup main ([#146](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/146)) ([2709484](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/27094846f70feb8d83c8d464ab0fa8dcd99b3e71))
+-   pad unique ids to 5 digits ([#170](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/170)) ([b4ad687](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/b4ad6870bfc88f68bdd7f87fe1d94c23d0a02b95))
+-   parallelize initializeDB.ts promises ([9f1dcc6](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/9f1dcc667df9857e3d0469fe7112a9f985aad490))
+-   popout icon for ccip in calendar ([#221](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/221)) ([6812d68](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/6812d685d08902f7b3d9d2e5293350c8170c6f06))
+-   popup schedule select ([#126](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/126)) ([7f2a589](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/7f2a5893d4dd82a0f077dca6dfd28e79f929766f))
+-   PopupCourseBlock Component ([#79](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/79)) ([9accd17](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/9accd17bd418f8c9334e80b0f7e38673092ba208))
+-   PopupCourseBlock Component ([#79](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/79)) ([f045b40](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/f045b400a56569f7353eb00ecd0d081b68660fc5))
+-   proper injected styles ([#164](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/164)) ([e919e96](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/e919e96c53bc9bec7db3d09693d1ff0684b56e87))
+-   readme animation ([#281](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/281)) ([da6d86c](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/da6d86c785f92f70f52ef0b4cab3dc14e0bd9790))
+-   refactor all components in common ([e544312](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/e5443122b422266a126de497b475020e298b2f1c))
+-   refactor all components in injected ([0c44849](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/0c44849e15333c3a5cbdf8972eb31ada0e830b0a))
+-   refactor calendar ([28f1924](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/28f192472b7f244253b6a0b5339491b9740880f7))
+-   Refactor database initialization code ([5e98f45](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/5e98f45210346f0e7bb69af5cf25e336c76416ca))
+-   release notes ([#283](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/283)) ([bd17e33](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/bd17e3353792df70ca2e33c8b7a32b5fb9acc7d2))
+-   report issue popup ([#261](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/261)) ([65ff6bf](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/65ff6bfbbfc6b696621628e448865155d0405f7f))
+-   rerouted directory to syllabus when click on professor name ([#211](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/211)) ([8959e0d](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/8959e0d9f7fdd82125f391f1ec51aa390ba9450d))
+-   sam's jokes ([#278](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/278)) ([895cd31](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/895cd31d8eb40e7e99fc0969b543e95bd070f6b7))
+-   save as PNG functionality ([ad18fbd](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/ad18fbd16235be0c75121b527867fac708670300))
+-   schedule list item action menu ([#230](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/230)) ([15fc369](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/15fc3699cfda3ad56e5a262bd37dca166e2685dd))
+-   screenshot whole page, hide certain elements, screenshot fixed size ([#180](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/180)) ([7d4c5d7](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/7d4c5d7be8b266b5f3caf2135c4f3fecb96d75be))
+-   settings page ([#260](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/260)) ([7a5c3a2](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/7a5c3a2e62c3a726735f9fe921f9e08d4092d0f9))
+-   show async courses in the bottom bar ([#204](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/204)) ([227de53](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/227de53e8453804f0791f269dae64ec388136390))
+-   some small changes for colors and font ([#201](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/201)) ([bae1da4](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/bae1da43d3373e12d593682e9fb69e19557b5749))
+-   splash text additions before v2 release ([#296](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/296)) ([e774f31](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/e774f316e3f92c03e79274a55f1f729178c9a14a))
+-   splash text has arrived! ([#246](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/246)) ([9971435](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/9971435716dec11e954dc26c14bf7d1505563d0d))
+-   Storybook for Vite ([#52](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/52)) ([9cc299c](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/9cc299ced6132644a5c2375b95a8a16a3482601b))
+-   switch button ([#229](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/229)) ([abae7a5](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/abae7a5c22ab944262d66ae897298b008a03c5f1))
+-   temporary removal of waitlist etc ([#236](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/236)) ([d424ccc](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/d424ccce49ba05305b24cb61aeb4ffeada5bab33))
+-   UnoCSS (TailwindCSS) (Storybook only) ([#61](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/61)) ([85c7f78](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/85c7f7817c58f13f6a4e8bec13a45f6412ad87db))
+-   UnoCSS (TailwindCSS) (Storybook only) ([#61](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/61)) ([6521a4b](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/6521a4b2a90af06e182c779f2fc7cb1a3b1e55c1))
+-   unplugin-icons ([#62](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/62)) ([2d67b12](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/2d67b1218ff852c59901b77909615c5f54794a67))
+-   unplugin-icons ([#62](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/62)) ([945e09b](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/945e09b49e4ffa9bd4b02442f6567bb99831923e))
+-   update badge count when schedule changes ([#150](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/150)) ([a5e9e3c](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/a5e9e3c2145d61d8cc5788eb50fa19718e6d13bf))
+-   update Button to v2 design ([863521f](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/863521fb3bb268131bd3f369064ae10a442b4fbc))
+-   update dialog component to headlessui ([#159](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/159)) ([442be8c](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/442be8cbee06ec403467b100d8d5300dd4a7ea72))
+-   update with TailwindCSS ([f3a8a7d](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/f3a8a7db560a6b28f96a2e976c8ed33af97fe77a))
+-   updated calendar page and recruitment banner links ([#219](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/219)) ([a2303ee](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/a2303ee35f10aba5fa7ff5e307d0092a39f18830))
+-   updated divider component ([#99](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/99)) ([8ab60c9](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/8ab60c9f018143df594e7bfd0d321666289cc28c))
+-   updated Text component to latest design specification ([#70](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/70)) ([8b8433d](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/8b8433deaf8fe66f917fd66fb56cb0a748bc6e6e))
+-   updated Text component to latest design specification ([#70](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/70)) ([bb727f7](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/bb727f70bea5a4c2ff5dba7e9b4428c0c84de7b2))
+-   updating joke styling and updating jokes array ([#277](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/277)) ([0da27e2](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/0da27e2c46e9fc32efb80808715053c1f9f5165a))
+-   use display: grid for calendarGrid ([b535a6e](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/b535a6eb32ac1091c8b5309ca3cfb6bab0b62526))
+-   use downloadBlob util ([#186](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/186)) ([2dfb10e](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/2dfb10e57b51a08fcde2dc6638a81b5ec9bbc7ab))
+-   use filter() instead of pop() ([063349d](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/063349d96d0ad008fa0dc1f0a8c7a27cf3f108ce))
+-   use React-icons ([8df9ea5](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/8df9ea55a9f0bcb04c90314cb311bba9d1ebf2e3))
+-   UTRP v2 migration ([#292](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/292)) ([d22237d](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/d22237d561ddf6a2f8ed699ca4c11088a8b408e8))
+-   working PNG and CAL downloads ([#119](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/119)) ([d9ee23c](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/d9ee23c5bbe27240a0e2849aae2eae81d7960bb5))
+
+### Bug Fixes
+
+-   add margin-top: -10px to p ([18406b0](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/18406b0c94604b1b524de03bf97e78cffe7a5bbf))
+-   added room number to course popup ([#231](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/231)) ([9eaff24](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/9eaff24cbb6d78d7f28521a07c32630a90a96f82))
+-   align timeBlock div ([4dc8957](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/4dc8957c459d0ee57e40c67fa61194ace832327e))
+-   async course display size ([#181](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/181)) ([949bbb0](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/949bbb0835bfb55a81f0800850aa084b4ed1bfc4))
+-   broken close bracket ([b34aacb](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/b34aacb06772af6f83d1f7bafe828ba43a10db85))
+-   broken file ([92462cf](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/92462cf0dffa222d75965885ee0e63181bce9890))
+-   bugs ([2a01506](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/2a0150600f26af5b7394f878e13c4d19611f3f64))
+-   build ([60ab140](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/60ab140c556ec56eca78b1f4e280dfb6e9dbb538))
+-   build errors and merge in Casey's branch (driodiwb) ([39947b3](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/39947b3694f42f9d5ad2f21d044585aa3d12c407))
+-   build errors and restructure Calendar page ([c6a48dd](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/c6a48dd3f6025fe531c18e12b8730683d63f67ed))
+-   calendar course cell colors ([74be880](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/74be880f9d2dc340ba48416429711fb28915baa2))
+-   calendar storybook issue ([#125](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/125)) ([0c5bec8](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/0c5bec8002022cb4702f3879f43fcd32b9fa6b5a))
+-   Calendar View/Scaling Issues ([#144](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/144)) ([4c61ebd](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/4c61ebd3fc93240903f1224f9dd3057a23d30046))
+-   CalendarCourseCell spacing ([13c69ef](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/13c69ef862f0214dfa6c9368fc3463519aa8f2f0))
+-   change Chromatic action to build current branch, not base branch ([#100](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/100)) ([e73c9fe](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/e73c9fe417169e73c395cde1aeb841eee8add579))
+-   change material icons to material symbols ([#71](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/71)) ([52e34cb](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/52e34cb830ff1f12659703776bd3d9a24815ee00))
+-   chromatic build ([11303da](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/11303daebcc1e4de340463e6266082dc0920582d))
+-   chromatic builds on PRs ([#140](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/140)) ([78a6939](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/78a69399292767a1f8eac66e4c86cbcb8aad019d))
+-   chromatic storybook - CourseCatalogInjectedPopup ([#106](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/106)) ([ced2997](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/ced29975b20a2a5beac51ea875627a2b1042e5c2))
+-   clean up [#173](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/173) ([#174](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/174)) ([afa634f](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/afa634f0853dc16cf313c129434d49bf132388d0))
+-   cleanup imports ([#112](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/112)) ([b17c3fa](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/b17c3fae6d9a8fdb2f6de84dc28d00bc31e7bcc8))
+-   conflict row bug ([#130](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/130)) ([a8ea3bc](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/a8ea3bc683f88fc33191a8cacf649be83f6758f8))
+-   ConflictsWithWarning ([1599e48](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/1599e48d75d4877b3515c943120d83b59d084a55))
+-   correct parsing of noon ([#155](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/155)) ([91f62e1](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/91f62e1943633eaef7dc8d437e6a7397456a9123))
+-   db with proper insertion order ([8e79d6a](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/8e79d6a6a87210e0a30584c0c9ceb60bd3a33665))
+-   delete storybook timestamp file ([f93a98e](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/f93a98e46ae76e9b1474c8143bfc3f5076e8b91f))
+-   dialog movement ([#227](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/227)) ([bc5d68c](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/bc5d68ce18f818c285ef7f5eda03f499365ee2e8))
+-   disabled [object Object] hover message on dialog popups ([#284](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/284)) ([dcc1d81](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/dcc1d81a74922ba27ad2a6859f978f3f20136178))
+-   divider usage in HeaderAndActions ([#113](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/113)) ([84e8320](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/84e8320e8fce5961877a5745e89419a722055ed5))
+-   doesn't autoload on pages that don't have pages to load ([#270](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/270)) ([88eeb62](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/88eeb620aec52d6e4172cc908843339412ade90b))
+-   don't crash on cultural diversity flag ([#196](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/196)) ([5b1e451](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/5b1e4513e29203a54ed9f4913c227d6c45d2e67a))
+-   eslint and remove React-beautiful-dnd ([6af805b](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/6af805ba3a7b04b7e5705d3d597b5ace686d61e0))
+-   extra space ([0f43796](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/0f43796cd864acd012fc1242cbdf34844df62406))
+-   Fix popup drag hitbox ([#216](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/216)) ([7a40008](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/7a40008c1e3846f09ac4eeadc4a50f810ffc0d90))
+-   fixed bug where activeSchedule doesn't update correctly ([#158](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/158)) ([a409090](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/a409090b904686b76a5db52af980e81108b97082))
+-   fixed bug with course cells after 12 PM extending past midnight ([#122](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/122)) ([f22a3cd](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/f22a3cd7c0df138ca6ecd4b4a4efaa7ce845c3dd))
+-   fixed issues involving course meeting objects not being recognized as course meeting objects ([#132](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/132)) ([3406e9a](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/3406e9a0e2644218fc06cbd0b05046df5339264c))
+-   Fixed typescript error ([#161](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/161)) ([df7a7c6](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/df7a7c65d695cb5c5a825ac9f5ecc48438735b65))
+-   grade dist when no instructor ([#269](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/269)) ([6a363ae](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/6a363aeb5ccb1c11e15db317b34c4f04a3c9aafc))
+-   grid JSX.Element generation ([b691bf3](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/b691bf3231d5002a631687f26c7409e311237662))
+-   icon library resolution ([#74](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/74)) ([bb3b313](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/bb3b313fd272bba12f99270c912e046df5358fed))
+-   idk why that comment was there ([#177](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/177)) ([c5fc621](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/c5fc6219e1540e1fb889d8bedc7296190103a56b))
+-   import error ([152bc45](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/152bc4577685605ae95f39d9e670b5449e32e0e9))
+-   improper list data propagation ([#240](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/240)) ([149fda3](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/149fda3b721dcc3d8ffa6c2398c28e39dcb62aaa))
+-   improve dialog handling and error management in list items ([#257](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/257)) ([1942508](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/1942508d8d11f51b62806894ae13162b6404753b))
+-   injection not working from som/elie commit ([#145](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/145)) ([591687e](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/591687eee8731b3649a5f8c1357a416eb2992a93))
+-   list component fixed ([#162](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/162)) ([5714ed1](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/5714ed16d72c5442f58366ac51f40cc32ea406ab))
+-   made list draggable only by handle ([cbb190b](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/cbb190bf4b3ad694c87b650489e1fca5aa6b7826))
+-   margins on list component ([cc71389](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/cc7138949cf77d1bcf1520633d669e939540575e))
+-   non-determinstic options page generation ([#137](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/137)) ([d700110](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/d70011016a45f5de62b06839a31c634637024f4a))
+-   non-virtual dnd ([837fddf](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/837fddf8048350b0b25a58bbd16c1957fbad6edb))
+-   old icon removed in .tsx ([4d387e8](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/4d387e8063314c7c6d7452b746728e2cf85a1787))
+-   only show button hover effects when not disabled ([8e3aa7e](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/8e3aa7ef3380836fd36a12698b1f6982e110c0f7))
+-   openTabFromContentScript TS issue ([3a48859](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/3a48859dddc0e85649ff6a949e9afd22c962825d))
+-   options page ([#131](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/131)) ([dc100b5](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/dc100b5d3ac1db5f1dc011ea2536c286f56fa55b))
+-   reactivity ([#188](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/188)) ([4f4f34e](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/4f4f34e281e8aabcdbf8b06652d05bca3554b11f))
+-   README.md ([a30fecf](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/a30fecf8ec76ecae03be9bb4d813803b9ffdb490))
+-   README.md ([b27b21b](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/b27b21bbfcc8fbdc130c3fa85776479451745b7b))
+-   refactor AST parsing for custom ESLint rule ([62f0851](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/62f0851406bf82d3d0481fed40462bdd30ffcf1b))
+-   remote react-window fully (from List component) ([#114](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/114)) ([5f1c023](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/5f1c0231e483bc571ef944bbc0b950ab20d31028))
+-   remove course name from the syllabi lookup ([#200](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/200)) ([bcb5a8c](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/bcb5a8c469c4b5c1909880ab6789d67d04487ed2))
+-   remove extra spacing ([#121](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/121)) ([6ba8b68](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/6ba8b68654dc182bd2a084f93b0f4f7d5c132862))
+-   remove white space after duplicate schedule regex matching ([#286](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/286)) ([d73615e](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/d73615e28129ee7d78604c6b295ec572b11be46e))
+-   rename to course block and fix line height for styling ([b602b0b](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/b602b0b895416a26214e934f9650a8ec0a10711e))
+-   revert "chore: add default story" ([aef8c3d](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/aef8c3d9873c6df79f6a54ab4c669ee1849b5ea5))
+-   revert "rename to course block and fix line height for styling" ([0273a23](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/0273a239139c0f3c0ad773ed8ab1cd4ad8d22fa3))
+-   revert CalendarGrid and CalendarGridCell back to SCSS from Tailwind ([56306ab](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/56306ab9440baf5ca1158f95d788de7ba42d73d8))
+-   revert last commit ([27d945f](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/27d945f57c76a1c2f31fee9f98c324fab6183bb6))
+-   Schedule Switching Bugs ([#138](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/138)) ([c51e688](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/c51e6881d186e8bef056e483e2bca95585d5eac6))
+-   support classes with no location ([#242](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/242)) ([3ff06e0](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/3ff06e043b112bc232c9c173e72b2ea99609cf7a))
+-   theme colors ([2f537b4](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/2f537b4f3e3946241f2e287d9ae075e5a2aa7087))
+-   type issues by using correct import ([#111](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/111)) ([19fe070](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/19fe070491be9e2d40f12918561f6f6ac5921237))
+-   **ui:** unhid settings button ([#288](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/288)) ([db1eac3](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/db1eac33a2786a3db87f0e6b3679233a85ab923f))
+-   undefined color case ([9aa78a0](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/9aa78a02a5d4f68daa062e4892875cf5f568306c))
+-   unocss theme color namings ([79d7832](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/79d7832d0987b8a7c9650b984f72ffd702682423))
+-   update alignment ([7eb3113](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/7eb3113adaa0917c0275576c3366c387bfe77440))
+-   update daysOfWeek with new DAY_MAP keys ([ecdaadb](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/ecdaadb83eb21b144d07d573613fd8971f0a5ce2))
+-   visual overflow bug when editing schedule name ([#251](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/251)) ([e8d2c2e](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/e8d2c2e1429072fcc1173ee770f06b07e9ddda20))
+-   vitest path alias bug ([ee37897](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/ee37897df4f65cd2d285e2ad628be43aebb21ea1))
+
+### Reverts
+
+-   Revert "individual bug fix" ([b4e8c75](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/b4e8c7589e53f1064d70703459cc6d66fae1b04c))
+-   color palette for calendar ([#118](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues/118)) ([51bbd65](https://github.com/Longhorn-Developers/UT-Registration-Plus/commit/51bbd6590bf284ce54644b014466c8b2c73b8925))
--- a/README.md
+++ b/README.md
@@ -1,30 +1,196 @@
 # UT Registration Plus

-## Built Using
+![UTRP Social Preview](images/UTRP_Social-Preview_Prod.svg)

-   React 18
+![Chrome Web Store](https://img.shields.io/chrome-web-store/v/hboadpjkoaieogjimneceaahlppnipaa)
+![Downloads](https://img.shields.io/chrome-web-store/d/hboadpjkoaieogjimneceaahlppnipaa)
+![License](https://img.shields.io/github/license/Longhorn-Developers/UT-Registration-Plus)
+
+**UT Registration Plus (UTRP)** streamlines the process of registering for classes at UT Austin by reducing the chaos of juggling multiple tabs like Rate My Professor, Google Sheets, and the UT Course Schedule. With UTRP, you can simplify class selection and schedule management. We've all been there. 20 tabs of Rate My Professor, Google Spreadsheet, and the UT Course Schedule open and you still don't know what classes to take. UT Registration Plus (UTRP), tries to streamline most of the unnecessary steps and headaches of registering for classes at UT Austin.
+
+## Demo
+
+![UTRP v2 Demo](images/UTRP-Demo.gif)
+
+## Features
+
+-   **Quick Access to Class Info**: For each class in the UT Course Schedule, UTRP provides a "breakdown" popup with direct links to RateMyProfessor, Course Evaluation Surveys (CES), and past syllabi.
+-   **Prerequisite & Restriction Highlights**: Displays course descriptions with highlighted details on prerequisites, restrictions, and other important info.
+-   **Grade Distribution Graphs**: View an aggregate and semester-specific graph of grade distributions for each course.
+-   **Saved Courses List**: Easily add courses to a list and view them in the extension popup. Copy unique numbers with a single click.
+-   **Conflict Detection**: Automatically highlights and strikes out courses that conflict with your saved courses in the UT Course Catalog.
+-   **Weekly Schedule View**: Displays your saved courses in a weekly schedule format for easier planning.
+-   **Multiple Schedule Support**: Create multiple schedules to plan for different registration scenarios.
+-   **And much more!**
+
+## Toolchain
+
+-   React v20.9.0 (LTS)
 -   TypeScript
 -   Vite 5
+-   UnoCSS
 -   ESLint
 -   Prettier
+-   Storybook
+-   Figma
 -   Semantic-Release
 -   Custom Messaging & Storage Wrappers

-## Getting Started
+## VSCode Extensions

-1. Clone this repo
-2. Run `pnpm install` to install and patch all the required dependencies
+We recommend using the following VSCode extensions to improve your development experience:

-   If you want to run the development build:
+-   **[ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint)**: For identifying and fixing linting issues.
+-   **[Prettier](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)**: For automatic code formatting.
+-   **[Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss)**: For Tailwind CSS class autocomplete and IntelliSense.
+-   **[UnoCSS](https://marketplace.visualstudio.com/items?itemName=antfu.unocss)**: For better support with UnoCSS utilities.

-    -   Run `pnpm run dev`
+## Contributing

-   If you want to build the extension for production:
+Contributions are welcome and encouraged! To get started:

-    -   Run `pnpm build`
+1. **Fork** the repository.
+2. **Create a new branch**: `git checkout -b feature/your-feature`.
+3. **Make changes** and ensure your code passes linting and formatting checks: `pnpm run lint` and `pnpm run prettier`.
+4. **Commit your changes** following the [Conventional Commits](#conventional-commits--branch-naming-convention) specification.
+5. **Push** your branch: `git push origin feature/your-feature`.
+6. **Open a Pull Request**.

-You may have to rename the `__uno.css.js` to `uno.css.js` in dist
+For significant changes, it’s recommended to open an issue first to discuss the proposed updates.

-Go to chrome://extensions, ensure you have "Developer Mode" enabled, and click 'Load unpacked'
+## Development: Getting Started

-Navigate to the 'dist' folder and click 'select' to import the extension
+1. Clone this repository: `git clone https://github.com/Longhorn-Developers/UT-Registration-Plus.git`
+2. **Node Version**: This project requires the Node.js version specified in `.nvmrc`. Use [nvm](https://github.com/nvm-sh/nvm) to install and manage the correct version:
+    ```bash
+    nvm install
+    nvm use
+    ```
+    _Note: Installing the wrong Node version can lead to errors during setup._
+3. Install dependencies using `pnpm` (which manages and patches dependencies):
+    ```bash
+    pnpm install
+    ```
+
+Once set up, the extension can be built to the `dist/` directory using the following methods:
+
+### Development Builds
+
+-   Run the development server:
+    ```bash
+    pnpm dev
+    ```
+
+> **Note**: Injected content on UT pages may not display correctly in development mode. To develop with accurate styles, use the following command:
+>
+> ```bash
+> NODE_ENV='development' pnpm run dev build --mode development -w
+> ```
+
+### Production Builds
+
+-   To generate production builds:
+    ```bash
+    pnpm build
+    ```
+
+<details>
+<summary>Beta Builds</summary>
+
+Use `BETA=true pnpm build` to generate a beta build.
+
+</details>
+
+## Loading the Extension Manually
+
+To load the extension manually in Chrome:
+
+1. Open `chrome://extensions`.
+2. Enable 'Developer Mode'.
+3. Click 'Load unpacked'.
+4. Navigate to the `dist/` directory and select it.
+
+## Bug Reporting
+
+If you encounter bugs or issues, please report them in the [Issues](https://github.com/Longhorn-Developers/UT-Registration-Plus/issues) section, including:
+
+-   A clear, descriptive title
+-   Steps to reproduce the issue
+-   Expected behavior
+-   Screenshots or logs (if applicable)
+
+We aim to address issues promptly.
+
+## Conventional Commits & Branch Naming Convention
+
+We follow the **Conventional Commits** specification for commit messages. This ensures a consistent commit history and enables automated versioning and changelog generation.
+
+### Commit Messages
+
+Follow this structure for commit messages:
+
+```
+<type>(<scope>): <subject>
+```
+
+Where:
+
+-   **type**: One of the following:
+    -   `feat`: A new feature
+    -   `fix`: A bug fix
+    -   `docs`: Documentation updates
+    -   `style`: Code formatting changes (whitespace, semicolons, etc.)
+    -   `refactor`: Code restructuring (without adding features or fixing bugs)
+    -   `test`: Adding or modifying tests
+    -   `chore`: Maintenance tasks or build process changes
+
+Example:
+
+```
+feat(auth): add login functionality
+fix(ui): align buttons in navbar
+```
+
+### Branch Naming
+
+Branch names should follow the format:
+
+```
+<type>/<short-description>
+```
+
+Examples:
+
+-   `feat/user-login`
+-   `fix/navbar-layout`
+-   `docs/update-readme`
+
+## License
+
+This project is licensed under the MIT License. See the [LICENSE](./LICENSE.md) for more details.
+
+## Code of Conduct
+
+We maintain a strict code of conduct. By contributing, you agree to adhere to the rules outlined in [CODE_OF_CONDUCT.md](./CODE_OF_CONDUCT.md).
+
+## Acknowledgements
+
+Special thanks to the developers and contributors behind these amazing tools and libraries:
+
+-   React v20.9.0 (LTS)
+-   TypeScript
+-   Vite 5
+-   UnoCSS
+-   ESLint
+-   Prettier
+-   Storybook
+-   Figma
+-   Semantic-Release
+-   [chrome-extension-toolkit](https://github.com/sghsri/chrome-extension-toolkit)
+-   [UT_Grade_Parser](https://github.com/doprz/UT_Grade_Parser)
+-   [eslint-plugin-import-essentials](https://github.com/doprz/eslint-plugin-import-essentials)
+-   [UT Registration Plus v1.2.2.7](https://github.com/Longhorn-Developers/UT-Registration-Plus/tree/legacy) by @sghsri
+-   [UT Registration Planner](https://github.com/doprz/UT-Registration-Planner) by @doprz
+-   [Figma Designs](https://www.figma.com/design/8tsCay2FRqctrdcZ3r9Ahw/UTRP) by @IsaDavRod
+-   [Longhorn Developers](https://github.com/Longhorn-Developers) - established in 2024
+-   The UTRP devs, beta testers, and all supporters of the project!
--- a/chromatic.config.json
+++ b/chromatic.config.json
@@ -0,0 +1,5 @@
+{
+  "onlyChanged": true,
+  "projectId": "Project:65c5172964f36dcf207985bf",
+  "zip": true
+}
--- a/commitlint.config.ts
+++ b/commitlint.config.ts
@@ -4,7 +4,6 @@ export default {
    parserPreset: 'conventional-changelog-conventionalcommits',
    rules: {
        'body-leading-blank': [RuleConfigSeverity.Warning, 'always'] as const,
-        'body-max-line-length': [RuleConfigSeverity.Error, 'always', 100] as const,
        'footer-leading-blank': [RuleConfigSeverity.Warning, 'always'] as const,
        'footer-max-line-length': [RuleConfigSeverity.Error, 'always', 100] as const,
        'header-max-length': [RuleConfigSeverity.Error, 'always', 100] as const,
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -0,0 +1,35 @@
+// (Thanks go to https://github.com/pnd280/complexity/blob/alpha/gulpfile.js)
+
+import fs from 'fs';
+import gulp from 'gulp';
+import gulpZip from 'gulp-zip';
+import { createRequire } from 'module';
+
+function zip() {
+    const require = createRequire(import.meta.url);
+    const manifest = require('./package.json');
+    const zipFileName = `${manifest.name.replaceAll(' ', '-')}-${manifest.version}.zip`;
+
+    return gulp.src('dist/**').pipe(gulpZip(zipFileName)).pipe(gulp.dest('package'));
+}
+
+// Temp fix for CSP on Chrome 130
+// Manually remove them because there is no option to disable use_dynamic_url on @crxjs/vite-plugin
+function forceDisableUseDynamicUrl(done) {
+    const require = createRequire(import.meta.url);
+    const manifest = require('./dist/manifest.json');
+
+    manifest.web_accessible_resources.forEach(resource => {
+        delete resource.use_dynamic_url;
+    });
+
+    if (!fs.existsSync('./dist/manifest.json')) {
+        return done();
+    }
+
+    fs.writeFileSync('./dist/manifest.json', JSON.stringify(manifest, null, 2));
+
+    done();
+}
+
+export { forceDisableUseDynamicUrl, zip };
--- a/images/UTRP-Demo.gif
+++ b/images/UTRP-Demo.gif
--- a/images/UTRP_Social-Preview_Prod.png
+++ b/images/UTRP_Social-Preview_Prod.png
--- a/images/UTRP_Social-Preview_Prod.svg
+++ b/images/UTRP_Social-Preview_Prod.svg
--- a/package-lock.json
+++ b/package-lock.json
--- a/package.json
+++ b/package.json
@@ -1,120 +1,147 @@
 {
    "name": "ut-registration-plus",
    "displayName": "UT Registration Plus",
-    "version": "0.0.1",
-    "description": "The UT Registration Plus extension is a Chrome extension that allows students to easily register for classes at The University of Texas at Austin.",
+    "version": "2.0.0",
+    "description": "UT Registration Plus is a Chrome extension that allows students to easily register for classes.",
    "private": true,
-    "homepage": "sriramhariharan.com",
+    "homepage": "https://github.com/Longhorn-Developers/UT-Registration-Plus",
    "type": "module",
    "scripts": {
        "dev": "vite",
        "build": "tsc && vite build",
+        "build:watch": "NODE_ENV='development' vite build --mode development -w",
+        "zip": "pnpm build && pnpm gulp zip",
        "prettier": "prettier src --check",
        "prettier:fix": "prettier src --write",
        "lint": "eslint src --ext ts,tsx --report-unused-disable-directives",
        "lint:fix": "eslint src --ext ts,tsx --report-unused-disable-directives --fix",
+        "check-types": "tsc --noEmit",
        "test": "vitest",
        "test:ui": "vitest --ui",
        "coverage": "vitest run --coverage",
        "preview": "vite preview",
-        "devtools": "react-devtools",
+        "generate-changelog": "bun run scripts/generateChangelog.ts",
        "preinstall": "npx only-allow pnpm",
        "storybook": "storybook dev -p 6006",
        "build-storybook": "storybook build",
        "prepare": "husky"
    },
    "dependencies": {
-        "@headlessui/react": "^1.7.18",
-        "@headlessui/tailwindcss": "^0.2.0",
-        "@hello-pangea/dnd": "^16.5.0",
-        "@types/sql.js": "^1.4.9",
-        "@vitejs/plugin-react": "^4.2.1",
-        "chrome-extension-toolkit": "^0.0.51",
-        "clsx": "^2.1.0",
-        "highcharts": "^11.3.0",
+        "@headlessui/react": "^2.1.10",
+        "@hello-pangea/dnd": "^17.0.0",
+        "@octokit/rest": "^21.0.2",
+        "@sentry/react": "^8.34.0",
+        "@unocss/vite": "^0.63.4",
+        "@vitejs/plugin-react": "^4.3.2",
+        "chrome-extension-toolkit": "^0.0.54",
+        "clsx": "^2.1.1",
+        "conventional-changelog": "^6.0.0",
+        "highcharts": "^11.4.8",
        "highcharts-react-official": "^3.2.1",
        "html-to-image": "^1.11.11",
-        "react": "^18.2.0",
-        "react-devtools-core": "^5.0.0",
-        "react-dom": "^18.2.0",
-        "sass": "^1.71.1",
-        "sql.js": "1.10.2",
-        "styled-components": "^6.1.8",
-        "uuid": "^9.0.1"
+        "husky": "^9.1.6",
+        "kc-dabr-wasm": "^0.1.2",
+        "nanoid": "^5.0.7",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "react-loading-skeleton": "^3.5.0",
+        "react-markdown": "^9.0.1",
+        "react-syntax-highlighter": "^15.5.0",
+        "remark-gfm": "^4.0.0",
+        "sass": "^1.79.5",
+        "simple-git": "^3.27.0",
+        "sql.js": "1.11.0"
    },
    "devDependencies": {
-        "@commitlint/cli": "^18.6.1",
-        "@commitlint/config-conventional": "^18.6.2",
+        "@chromatic-com/storybook": "^2.0.2",
+        "@commitlint/cli": "^19.5.0",
+        "@commitlint/config-conventional": "^19.5.0",
+        "@commitlint/types": "^19.5.0",
        "@crxjs/vite-plugin": "2.0.0-beta.21",
-        "@iconify-json/material-symbols": "^1.1.73",
-        "@storybook/addon-designs": "^7.0.9",
-        "@storybook/addon-essentials": "^7.6.17",
-        "@storybook/addon-links": "^7.6.17",
-        "@storybook/blocks": "^7.6.17",
-        "@storybook/react": "^7.6.17",
-        "@storybook/react-vite": "^7.6.17",
-        "@storybook/test": "^7.6.17",
+        "@iconify-json/bi": "^1.2.1",
+        "@iconify-json/iconoir": "^1.2.2",
+        "@iconify-json/material-symbols": "^1.2.4",
+        "@iconify-json/ri": "^1.2.1",
+        "@semantic-release/exec": "^6.0.3",
+        "@sentry/types": "^8.34.0",
+        "@storybook/addon-designs": "^8.0.3",
+        "@storybook/addon-essentials": "^8.3.5",
+        "@storybook/addon-links": "^8.3.5",
+        "@storybook/blocks": "^8.3.5",
+        "@storybook/react": "^8.3.5",
+        "@storybook/react-vite": "^8.3.5",
+        "@storybook/test": "^8.3.5",
        "@svgr/core": "^8.1.0",
        "@svgr/plugin-jsx": "^8.1.0",
-        "@types/chrome": "^0.0.260",
-        "@types/node": "^20.11.19",
+        "@types/chrome": "^0.0.273",
+        "@types/conventional-changelog": "^3.1.5",
+        "@types/gulp": "^4.0.17",
+        "@types/gulp-zip": "^4.0.4",
+        "@types/node": "^22.7.5",
        "@types/prompts": "^2.4.9",
-        "@types/react": "^18.2.57",
-        "@types/react-dom": "^18.2.19",
-        "@types/semver": "^7.5.7",
-        "@types/uuid": "^9.0.8",
-        "@typescript-eslint/eslint-plugin": "^6.21.0",
-        "@typescript-eslint/parser": "^6.21.0",
-        "@unocss/eslint-config": "^0.58.5",
-        "@unocss/postcss": "^0.58.5",
-        "@unocss/preset-uno": "^0.58.5",
-        "@unocss/preset-web-fonts": "^0.58.5",
-        "@unocss/reset": "^0.58.5",
-        "@unocss/transformer-directives": "^0.58.5",
-        "@unocss/transformer-variant-group": "^0.58.5",
-        "@vitejs/plugin-react-swc": "^3.6.0",
-        "@vitest/coverage-v8": "^1.3.1",
-        "@vitest/ui": "^1.3.1",
-        "chromatic": "^10.9.6",
-        "cssnano": "^6.0.3",
-        "cssnano-preset-advanced": "^6.0.3",
+        "@types/react": "^18.3.11",
+        "@types/react-dom": "^18.3.1",
+        "@types/react-syntax-highlighter": "^15.5.13",
+        "@types/semantic-release": "^20.0.6",
+        "@types/semver": "^7.5.8",
+        "@types/sql.js": "^1.4.9",
+        "@typescript-eslint/eslint-plugin": "^7.18.0",
+        "@typescript-eslint/parser": "^7.18.0",
+        "@unocss/eslint-config": "^0.63.4",
+        "@unocss/postcss": "^0.63.4",
+        "@unocss/preset-uno": "^0.63.4",
+        "@unocss/preset-web-fonts": "^0.63.4",
+        "@unocss/reset": "^0.63.4",
+        "@unocss/transformer-directives": "^0.63.4",
+        "@unocss/transformer-variant-group": "^0.63.4",
+        "@vitejs/plugin-react-swc": "^3.7.1",
+        "@vitest/coverage-v8": "^2.1.2",
+        "@vitest/ui": "^2.1.2",
+        "chalk": "^5.3.0",
+        "chromatic": "^11.12.5",
+        "cssnano": "^7.0.6",
+        "cssnano-preset-advanced": "^7.0.6",
        "dotenv": "^16.4.5",
-        "es-module-lexer": "^1.4.1",
-        "eslint": "^8.56.0",
+        "es-module-lexer": "^1.5.4",
+        "eslint": "^8.57.1",
        "eslint-config-airbnb": "^19.0.4",
        "eslint-config-airbnb-base": "^15.0.0",
-        "eslint-config-airbnb-typescript": "^17.1.0",
+        "eslint-config-airbnb-typescript": "^18.0.0",
        "eslint-config-prettier": "^9.1.0",
-        "eslint-import-resolver-typescript": "^3.6.1",
-        "eslint-plugin-import": "^2.29.1",
-        "eslint-plugin-jsdoc": "^48.1.0",
-        "eslint-plugin-prettier": "^5.1.3",
-        "eslint-plugin-react": "^7.33.2",
-        "eslint-plugin-react-hooks": "^4.6.0",
+        "eslint-import-resolver-typescript": "^3.6.3",
+        "eslint-plugin-import": "^2.31.0",
+        "eslint-plugin-import-essentials": "^0.2.1",
+        "eslint-plugin-jsdoc": "^50.3.2",
+        "eslint-plugin-prettier": "^5.2.1",
+        "eslint-plugin-react": "^7.37.1",
+        "eslint-plugin-react-hooks": "^4.6.2",
        "eslint-plugin-react-prefer-function-component": "^3.3.0",
-        "eslint-plugin-react-refresh": "^0.4.5",
-        "eslint-plugin-simple-import-sort": "^12.0.0",
-        "eslint-plugin-storybook": "^0.6.15",
-        "husky": "^9.0.11",
+        "eslint-plugin-react-refresh": "^0.4.12",
+        "eslint-plugin-simple-import-sort": "^12.1.1",
+        "eslint-plugin-storybook": "^0.9.0",
+        "gulp": "^5.0.0",
+        "gulp-zip": "^6.0.0",
        "path": "^0.12.7",
-        "postcss": "^8.4.35",
-        "prettier": "^3.2.5",
+        "postcss": "^8.4.47",
+        "prettier": "^3.3.3",
        "react-dev-utils": "^12.0.1",
-        "react-devtools": "^5.0.0",
-        "storybook": "^7.6.17",
-        "typescript": "^5.3.3",
-        "unocss": "^0.58.5",
-        "unplugin-icons": "^0.18.5",
-        "vite": "^5.1.4",
-        "vite-plugin-inspect": "^0.8.3",
-        "vitest": "^1.3.1"
+        "semantic-release": "^24.1.2",
+        "storybook": "^8.3.5",
+        "typescript": "^5.6.3",
+        "unocss": "^0.63.4",
+        "unocss-preset-primitives": "0.0.2-beta.1",
+        "unplugin-icons": "^0.19.3",
+        "vite": "^5.4.8",
+        "vite-plugin-inspect": "^0.8.7",
+        "vitest": "^2.1.2"
    },
    "pnpm": {
        "patchedDependencies": {
-            "@crxjs/vite-plugin@2.0.0-beta.21": "patches/@crxjs__vite-plugin@2.0.0-beta.21.patch"
+            "@crxjs/vite-plugin@2.0.0-beta.21": "patches/@crxjs__vite-plugin@2.0.0-beta.21.patch",
+            "@unocss/vite": "patches/@unocss__vite.patch"
        },
        "overrides": {
-            "es-module-lexer": "^1.4.1"
+            "es-module-lexer": "^1.5.4"
        }
    }
 }
--- a/patches/@unocss__vite.patch
+++ b/patches/@unocss__vite.patch
@@ -0,0 +1,50 @@
+diff --git a/dist/index.mjs b/dist/index.mjs
+index 7210f5fd650a0b7bb36b467fff85feb0d8e4ec63..c8f98bd314daec0b91c514ea9d9fc2b79cea8502 100644
+--- a/dist/index.mjs
+++ b/dist/index.mjs
+@@ -369,15 +369,15 @@ const VIRTUAL_ENTRY_ALIAS = [
+   /^(?:virtual:)?uno(?::(.+))?\.css(\?.*)?$/
+ ];
+ const LAYER_MARK_ALL = "__ALL__";
+-const RESOLVED_ID_WITH_QUERY_RE = /[/\\]__uno(_.*?)?\.css(\?.*)?$/;
+-const RESOLVED_ID_RE = /[/\\]__uno(?:_(.*?))?\.css$/;
+const RESOLVED_ID_WITH_QUERY_RE = /[/\\]uno(_.*?)?\.css(\?.*)?$/;
+const RESOLVED_ID_RE = /[/\\]uno(?:_(.*?))?\.css$/;
+ function resolveId(id) {
+   if (id.match(RESOLVED_ID_WITH_QUERY_RE))
+     return id;
+   for (const alias of VIRTUAL_ENTRY_ALIAS) {
+     const match = id.match(alias);
+     if (match) {
+-      return match[1] ? `/__uno_${match[1]}.css` : "/__uno.css";
+      return match[1] ? `/uno_${match[1]}.css` : "/uno.css";
+     }
+   }
+ }
+@@ -652,7 +652,7 @@ function GlobalModeBuildPlugin(ctx) {
+         css = await applyCssTransform(css, fakeCssId, options.dir, this);
+         const transformHandler = "handler" in cssPost.transform ? cssPost.transform.handler : cssPost.transform;
+         if (isLegacy) {
+-          await transformHandler.call({}, css, "/__uno.css");
+          await transformHandler.call({}, css, "/uno.css");
+         } else {
+           const hash = getHash(css);
+           await transformHandler.call({}, getHashPlaceholder(hash), fakeCssId);
+@@ -914,7 +914,7 @@ function GlobalModeDevPlugin({ uno, tokens, tasks, flushTasks, affectedModules,
+         const { hash, css } = await generateCSS(layer);
+         return {
+           // add hash to the chunk of CSS that it will send back to client to check if there is new CSS generated
+-          code: `${css}__uno_hash_${hash}{--:'';}`,
+          code: `${css}uno_hash_${hash}{--:'';}`,
+           map: { mappings: "" }
+         };
+       },
+@@ -933,7 +933,7 @@ function GlobalModeDevPlugin({ uno, tokens, tasks, flushTasks, affectedModules,
+         if (layer && code.includes("import.meta.hot")) {
+           let hmr = `
+ try {
+-  let hash = __vite__css.match(/__uno_hash_(\\w{${HASH_LENGTH}})/)
+  let hash = __vite__css.match(/uno_hash_(\\w{${HASH_LENGTH}})/)
+   hash = hash && hash[1]
+   if (!hash)
+     console.warn('[unocss-hmr]', 'failed to get unocss hash, hmr might not work')
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/public/database/grade_distributions.db
+++ b/public/database/grade_distributions.db
--- a/public/database/grades.db
+++ b/public/database/grades.db
--- a/public/fonts/material-icons.woff2
+++ b/public/fonts/material-icons.woff2
--- a/public/icons/icon_beta.svg
+++ b/public/icons/icon_beta.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Beta" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: none;
+        stroke: #fff;
+        stroke-width: 70.06px;
+      }
+
+      .cls-2 {
+        fill: #005f86;
+      }
+
+      .cls-2, .cls-3 {
+        stroke-width: 0px;
+      }
+
+      .cls-3 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <rect class="cls-2" width="1024" height="1024"/>
+  <g>
+    <circle class="cls-1" cx="512" cy="512" r="362"/>
+    <rect class="cls-3" x="466.29" y="283.46" width="91.41" height="457.07"/>
+    <rect class="cls-3" x="283.46" y="466.29" width="457.07" height="91.41"/>
+  </g>
+</svg>
--- a/public/icons/icon_beta_128.png
+++ b/public/icons/icon_beta_128.png
--- a/public/icons/icon_beta_16.png
+++ b/public/icons/icon_beta_16.png
--- a/public/icons/icon_beta_32.png
+++ b/public/icons/icon_beta_32.png
--- a/public/icons/icon_beta_48.png
+++ b/public/icons/icon_beta_48.png
--- a/public/icons/icon_development.svg
+++ b/public/icons/icon_development.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Development" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: none;
+        stroke: #fff;
+        stroke-width: 70.06px;
+      }
+
+      .cls-2 {
+        fill: #bf2178;
+      }
+
+      .cls-2, .cls-3 {
+        stroke-width: 0px;
+      }
+
+      .cls-3 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <rect class="cls-2" x="0" width="1024" height="1024"/>
+  <g>
+    <circle class="cls-1" cx="512" cy="512" r="362"/>
+    <rect class="cls-3" x="466.29" y="283.46" width="91.41" height="457.07"/>
+    <rect class="cls-3" x="283.46" y="466.29" width="457.07" height="91.41"/>
+  </g>
+</svg>
--- a/public/icons/icon_development_128.png
+++ b/public/icons/icon_development_128.png
--- a/public/icons/icon_development_16.png
+++ b/public/icons/icon_development_16.png
--- a/public/icons/icon_development_32.png
+++ b/public/icons/icon_development_32.png
--- a/public/icons/icon_development_48.png
+++ b/public/icons/icon_development_48.png
--- a/public/icons/icon_production.svg
+++ b/public/icons/icon_production.svg
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Production" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #bf5700;
+      }
+
+      .cls-1, .cls-2 {
+        stroke-width: 0px;
+      }
+
+      .cls-3 {
+        fill: none;
+        stroke: #fff;
+        stroke-width: 70.06px;
+      }
+
+      .cls-2 {
+        fill: #fff;
+      }
+    </style>
+  </defs>
+  <rect class="cls-1" width="1024" height="1024"/>
+  <g>
+    <circle class="cls-3" cx="512" cy="512" r="362"/>
+    <rect class="cls-2" x="466.29" y="283.46" width="91.41" height="457.07"/>
+    <rect class="cls-2" x="283.46" y="466.29" width="457.07" height="91.41"/>
+  </g>
+</svg>
--- a/public/icons/icon_production_128.png
+++ b/public/icons/icon_production_128.png
--- a/public/icons/icon_production_16.png
+++ b/public/icons/icon_production_16.png
--- a/public/icons/icon_production_32.png
+++ b/public/icons/icon_production_32.png
--- a/public/icons/icon_production_48.png
+++ b/public/icons/icon_production_48.png
--- a/scripts/generateChangelog.ts
+++ b/scripts/generateChangelog.ts
@@ -0,0 +1,54 @@
+import { exec } from 'child_process';
+import { resolve } from 'path';
+import { promisify } from 'util';
+
+const execPromise = promisify(exec);
+
+interface Props {
+    preset:
+        | 'angular'
+        | 'atom'
+        | 'codemirror'
+        | 'conventionalcommits'
+        | 'ember'
+        | 'eslint'
+        | 'express'
+        | 'jquery'
+        | 'jshint';
+
+    // The file to write the changelog to
+    outFile?: string;
+
+    // How many releases to be generated from the latest
+    // If 0, the whole changelog will be regenerated and the outfile will be overwritten
+    releaseCount?: number;
+}
+
+/**
+ * Generates a changelog using the conventional-changelog command.
+ *
+ * @returns {Promise<void>} A promise that resolves when the changelog is generated.
+ * @throws {Error} If there is an error generating the changelog.
+ */
+async function generateChangelog({ preset, outFile = 'CHANGELOG.md', releaseCount = 1 }: Props): Promise<void> {
+    try {
+        // Run the conventional-changelog command to generate changelog
+        const { stdout, stderr } = await execPromise(
+            `conventional-changelog -p ${preset} -i ${outFile} -s -r ${releaseCount}`,
+            {
+                // Ensures it runs from the project root
+                cwd: resolve(process.cwd()),
+            }
+        );
+
+        // Log output and error if any
+        console.log(stdout);
+        if (stderr) {
+            console.error(stderr);
+        }
+    } catch (error) {
+        console.error('Error generating changelog:', error);
+    }
+}
+
+generateChangelog({ preset: 'conventionalcommits', releaseCount: 0 });
--- a/scripts/release.ts
+++ b/scripts/release.ts
@@ -0,0 +1,53 @@
+import prompts from 'prompts';
+import { simpleGit } from 'simple-git';
+
+import { getSourceRef } from '../utils/git/getSourceRef';
+import { error, info } from '../utils/log';
+
+const git = simpleGit();
+const status = await git.status();
+
+if (status.files.length) {
+    console.log(error('Working directory is not clean, please commit or stash changes before releasing.'));
+    process.exit(1);
+}
+
+const { destinationBranch } = await prompts({
+    type: 'select',
+    name: 'destinationBranch',
+    message: 'What kind of release do you want to create?',
+    choices: ['preview', 'production'].map(releaseType => ({
+        title: releaseType,
+        value: releaseType,
+    })),
+});
+const sourceRef = await getSourceRef(destinationBranch);
+
+const { confirm } = await prompts({
+    type: 'confirm',
+    name: 'confirm',
+    message: `Are you sure you want to create a ${destinationBranch} release from ${sourceRef}?`,
+});
+
+if (!confirm) {
+    console.log(error('Aborting release.'));
+    process.exit(1);
+}
+
+// we fetch the latest changes from the remote
+await git.fetch();
+
+// we checkout the source ref, pull the latest changes and then checkout the destination branch
+console.info(`Checking out and updating ${sourceRef}...`);
+await git.checkout(sourceRef);
+await git.pull('origin', sourceRef);
+console.info(`Checking out and updating ${destinationBranch}...`);
+await git.checkout(destinationBranch);
+await git.pull('origin', destinationBranch);
+
+// we trigger the release github action by merging the source ref into the destination branch
+console.info(`Merging ${sourceRef} into ${destinationBranch}...`);
+await git.merge([sourceRef, '--ff-only']);
+await git.push('origin', destinationBranch);
+
+console.info(info(`Release to ${destinationBranch} created! Check github for status`));
--- a/src/assets/LD-icon.png
+++ b/src/assets/LD-icon.png
--- a/src/assets/icons/cal.svg
+++ b/src/assets/icons/cal.svg
@@ -1,8 +0,0 @@
-<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0_3175_7842" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="25">
-<rect y="0.5" width="24" height="24" fill="#D9D9D9"/>
-</mask>
-<g mask="url(#mask0_3175_7842)">
-<path d="M12 14.5C11.7167 14.5 11.4792 14.4042 11.2875 14.2125C11.0958 14.0208 11 13.7833 11 13.5C11 13.2167 11.0958 12.9792 11.2875 12.7875C11.4792 12.5958 11.7167 12.5 12 12.5C12.2833 12.5 12.5208 12.5958 12.7125 12.7875C12.9042 12.9792 13 13.2167 13 13.5C13 13.7833 12.9042 14.0208 12.7125 14.2125C12.5208 14.4042 12.2833 14.5 12 14.5ZM8 14.5C7.71667 14.5 7.47917 14.4042 7.2875 14.2125C7.09583 14.0208 7 13.7833 7 13.5C7 13.2167 7.09583 12.9792 7.2875 12.7875C7.47917 12.5958 7.71667 12.5 8 12.5C8.28333 12.5 8.52083 12.5958 8.7125 12.7875C8.90417 12.9792 9 13.2167 9 13.5C9 13.7833 8.90417 14.0208 8.7125 14.2125C8.52083 14.4042 8.28333 14.5 8 14.5ZM16 14.5C15.7167 14.5 15.4792 14.4042 15.2875 14.2125C15.0958 14.0208 15 13.7833 15 13.5C15 13.2167 15.0958 12.9792 15.2875 12.7875C15.4792 12.5958 15.7167 12.5 16 12.5C16.2833 12.5 16.5208 12.5958 16.7125 12.7875C16.9042 12.9792 17 13.2167 17 13.5C17 13.7833 16.9042 14.0208 16.7125 14.2125C16.5208 14.4042 16.2833 14.5 16 14.5ZM12 18.5C11.7167 18.5 11.4792 18.4042 11.2875 18.2125C11.0958 18.0208 11 17.7833 11 17.5C11 17.2167 11.0958 16.9792 11.2875 16.7875C11.4792 16.5958 11.7167 16.5 12 16.5C12.2833 16.5 12.5208 16.5958 12.7125 16.7875C12.9042 16.9792 13 17.2167 13 17.5C13 17.7833 12.9042 18.0208 12.7125 18.2125C12.5208 18.4042 12.2833 18.5 12 18.5ZM8 18.5C7.71667 18.5 7.47917 18.4042 7.2875 18.2125C7.09583 18.0208 7 17.7833 7 17.5C7 17.2167 7.09583 16.9792 7.2875 16.7875C7.47917 16.5958 7.71667 16.5 8 16.5C8.28333 16.5 8.52083 16.5958 8.7125 16.7875C8.90417 16.9792 9 17.2167 9 17.5C9 17.7833 8.90417 18.0208 8.7125 18.2125C8.52083 18.4042 8.28333 18.5 8 18.5ZM16 18.5C15.7167 18.5 15.4792 18.4042 15.2875 18.2125C15.0958 18.0208 15 17.7833 15 17.5C15 17.2167 15.0958 16.9792 15.2875 16.7875C15.4792 16.5958 15.7167 16.5 16 16.5C16.2833 16.5 16.5208 16.5958 16.7125 16.7875C16.9042 16.9792 17 17.2167 17 17.5C17 17.7833 16.9042 18.0208 16.7125 18.2125C16.5208 18.4042 16.2833 18.5 16 18.5ZM5 22.5C4.45 22.5 3.97917 22.3042 3.5875 21.9125C3.19583 21.5208 3 21.05 3 20.5V6.5C3 5.95 3.19583 5.47917 3.5875 5.0875C3.97917 4.69583 4.45 4.5 5 4.5H6V2.5H8V4.5H16V2.5H18V4.5H19C19.55 4.5 20.0208 4.69583 20.4125 5.0875C20.8042 5.47917 21 5.95 21 6.5V20.5C21 21.05 20.8042 21.5208 20.4125 21.9125C20.0208 22.3042 19.55 22.5 19 22.5H5ZM5 20.5H19V10.5H5V20.5Z" fill="#333F48"/>
-</g>
-</svg>
--- a/src/assets/icons/png.svg
+++ b/src/assets/icons/png.svg
@@ -1,8 +0,0 @@
-<svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg">
-<mask id="mask0_3211_5369" style="mask-type:alpha" maskUnits="userSpaceOnUse" x="0" y="0" width="24" height="25">
-<rect y="0.5" width="24" height="24" fill="#D9D9D9"/>
-</mask>
-<g mask="url(#mask0_3211_5369)">
-<path d="M5 21.5C4.45 21.5 3.97917 21.3042 3.5875 20.9125C3.19583 20.5208 3 20.05 3 19.5V5.5C3 4.95 3.19583 4.47917 3.5875 4.0875C3.97917 3.69583 4.45 3.5 5 3.5H19C19.55 3.5 20.0208 3.69583 20.4125 4.0875C20.8042 4.47917 21 4.95 21 5.5V19.5C21 20.05 20.8042 20.5208 20.4125 20.9125C20.0208 21.3042 19.55 21.5 19 21.5H5ZM6 17.5H18L14.25 12.5L11.25 16.5L9 13.5L6 17.5Z" fill="#333F48"/>
-</g>
-</svg>
--- a/src/assets/insideJokes.tsx
+++ b/src/assets/insideJokes.tsx
@@ -0,0 +1,120 @@
+const splashText: string[] = [
+    "You can't fail classes you're not in, that's for sure.",
+    'Steer clear of O-Chem, unless you fancy a challenge.',
+    'Rec Sports fills up fast, even before the sun reaches its peak.',
+    "Ah, Jendy's! A taste ever so refined.",
+    'Fine dining at Jester City Limits, eh?',
+    'The road to Kinsolving is long, but their delicacies makes it worth every step.',
+    'The squirrels, they have mastered begging for food better than students. Impressive... but worrying.',
+    "Do you study often? Ha! What am I saying? Of course you don't.",
+    "Hey, you, you're finally awake. You were trying to skip class right?",
+    'RIP Domino, you beloved campus feline.',
+    "The year is 2055 and Welch still isn't finished.",
+    'Motivation dropping faster than ur GPA',
+    'No Work Happens On PCL 5th Floor.',
+    'I may be a sophomore in name, but my credit count screams freshman!',
+    'Pain is temporary, GPA is forever.',
+    "You've Yee'd Your Last Haw.",
+    'lol everything is already waitlisted.',
+    'Could be worse. Could be A&M.',
+    // 'TeXAs iS BaCK GuYZ',
+    'mAke iT yOuR tExAS',
+    'change yOur slogan',
+    "'Academically Challenged'",
+    'Does McCombs teach Parseltongue?',
+    'No Cruce Enfrente Del Bus.',
+    'Omae Wa Mou Shindeiru...',
+    'Every day another brick disappears from Speedway',
+    'The GDC will annex the EER one day',
+    'To hike to Kins or not to hike to Kins...',
+    "C'mon you Longhorns! You want to study forever?",
+    'HOW BOUT A NICE CUP OF LIBER TEA',
+    "Block of Butter? Now, that's a name I haven't heard in a long time...",
+    'CaN YoU aSk OuT a tA aFtEr tHe SeMeStEr Is oVeR AnD gRaDeS ArE DoNe?',
+    "The Block of Butter incident of '22",
+    'Begun, the midterms have.',
+    'You must construct additional schedules',
+    "Arrows of Christ vs Church of Scientology was the crossover we didn't know we needed",
+    'THE WALK SIGN IS ON TO CROSS GUADALUPE AND 21ST',
+    'Pay attention. Might learn something.',
+    'Long ago, apartment rates lived together in harmony. Then, everything changed when American Campus Communities Inc attacked.',
+    'Roll for Initiative!',
+    'The line at the on-campus Starbucks is longer than your course waitlist.',
+    'The weather changes more often than your class schedule.',
+    'Mmm... Brutalist architecture...',
+    'The course syllabus: more than meets the eye',
+    "'studying' often means refreshing Canvas every five minutes to see if the professor posted lecture slides.",
+    "It's over Bevo! I have the high ground!",
+    "I'll just skip this lecture and watch the recording later. What's the worst that could happen?",
+    'I hear the tower bells are ringing, PCL full of students dreaming.',
+    "I don't like sand",
+    'The libraries are full of students pretending to study but actually napping with their eyes open.',
+    "The 'campus loop' refers to both the bus route and the endless cycle of trying to find your way around campus.",
+    'The squirrels have mastered the art of begging for food better than most students during finals week.',
+    "'going for a run' often means 'running to get food from food trucks'.",
+    'We got UTRPv2 before GTA 6',
+    'Midterm season: Finish the Fight!',
+    "There's a Bevo on your lawn!",
+    'Veer was here',
+    'follow @sghsri!',
+    'Officially part of the SEC',
+    'Planner is now acquired by Plus',
+    'Longhorn-Developers is the best UT Student Org',
+    'The Eiffel Tower is the UT Tower of Paris',
+    'A pen and paper is old fashioned, but sometimes old ways are best',
+    'A heart is like bedrock, destroyable only by cheating',
+    'You may not rest now, there are Canvas assignments nearby',
+    'You are filled with DETERMINATION',
+    '60k+ users!',
+    'Almost Turing complete',
+    '#BF5700',
+    'The waitlist is a lie!',
+    `He's a CS Major, but he showers regularly. 🧢`,
+    'A CS major walks into a bar. The bar is empty because it is a CS major.',
+    'UT Registration Plus - The only thing that can make registration worse is not having it',
+    'UT Registration Plus - We make registration slightly less painful. Slightly.',
+    'UT Registration Plus - Do you really want to figure out which professors will ruin your GPA by yourself?',
+    'Ayo tf is a memory leak',
+    "lowkey we never thought we'd get this far, how tf are 60k of you people using this",
+    "dang we're really out here making a splash",
+    "We'd make a joke about A&M, but we're not sure they can read",
+    "We've only caused one or two outages, we swear!",
+    'Reality has a slight CNS bias',
+    'That one time in 2019 we accidentally DDoSed the registration system. (really)',
+    'Best UT financial aid tip? Marry rich.',
+    'Bevo Bucks are legal tender',
+    "'iS iT fInAlS wEeK oR mY fInAl WeEk'",
+    'Do you have an iPhone charger? Wait... Which one?',
+    'Deep in the heart of Texas',
+    'TEXAS!!! FIGHT!!!',
+    'Launder your AP credits through a community college for free',
+    'Also try Minecraft!',
+    'Please register later so the dev team can get the upper divs',
+    'The outdoor warning siren will test around 11:50 a.m.',
+    'You may be seeing this page because you used the Back button while browsing a secure web site or application. Alternatively, you may have mistakenly bookmarked the web sign in form instead of the actual web site you wanted to bookmark or used a link created by somebody else who made the same mistake.',
+    'Flag on the play, procrastinating picking classes, 1 day penalty, still first down',
+    'Pro-fessionals at Pro-crastinating',
+    'Built Texas Tough',
+    'Beware of trucks on Speedway',
+    'Marked as duplicate',
+    'If we ever flood, we can use the canoes on Speedway',
+    'Days since last Jester West fire alarm: 0',
+    'Remember the Alamo!',
+    "Figure out next year's housing by October",
+    'Technoblade never dies!',
+    // eslint-disable-next-line no-template-curly-in-string
+    'Why is my ${major} class in the ${unrelatedMajor} build?', // This is on purpose as a joke
+    '"Will that be cash, card, or id?"',
+    'How much did PepsiCo pay UT to replace all the coke machines?',
+    "Do it... take those 8am's",
+    "I'm polylingual, if you count programming languages",
+    'Just put the classes in the schedule lil bro',
+    'The wait is finally over',
+    "Stop trying to make UTRP happen, it's not going to happen!",
+    'Befriend the raccoons on campus',
+    `It's ${new Date().toLocaleString('en-US', { month: 'long', day: 'numeric' })} and OU still sucks`,
+    'As seen on TV!	',
+    "Should you major in Compsci? well, here's a better question. do you wanna have a bad time?",
+];
+
+export default splashText;
--- a/src/assets/logo.png
+++ b/src/assets/logo.png
--- a/src/debug/index.tsx
+++ b/src/debug/index.tsx
@@ -1,12 +1,23 @@
 import { DevStore } from '@shared/storage/DevStore';
+import useKC_DABR_WASM from 'kc-dabr-wasm';
 import React, { useEffect } from 'react';
 import { createRoot } from 'react-dom/client';

 const manifest = chrome.runtime.getManifest();

+/**
+ * Handles editing the storage for a specific area.
+ *
+ * @param {string} areaName - The name of the storage area.
+ * @returns {Function} - A function that accepts changes and sets them in the storage.
+ */
+const handleEditStorage = (areaName: 'local' | 'sync' | 'session') => (changes: Record<string, unknown>) => {
+    chrome.storage[areaName].set(changes);
+};
+
 interface JSONEditorProps {
-    data: any;
-    onChange: (updates: any) => void;
+    data: unknown;
+    onChange: ReturnType<typeof handleEditStorage>;
 }

 function JSONEditor(props: JSONEditorProps) {
@@ -29,6 +40,8 @@ function JSONEditor(props: JSONEditorProps) {
            setIsEditing(false);
        } catch (e) {
            console.error(e);
+
+            // eslint-disable-next-line no-alert
            alert('Invalid JSON');
        }
    };
@@ -62,9 +75,10 @@ function JSONEditor(props: JSONEditorProps) {
 // ));

 function DevDashboard() {
-    const [localStorage, setLocalStorage] = React.useState<any>({});
-    const [syncStorage, setSyncStorage] = React.useState<any>({});
-    const [sessionStorage, setSessionStorage] = React.useState<any>({});
+    const [localStorage, setLocalStorage] = React.useState<Record<string, unknown>>({});
+    const [syncStorage, setSyncStorage] = React.useState<Record<string, unknown>>({});
+    const [sessionStorage, setSessionStorage] = React.useState<Record<string, unknown>>({});
+    useKC_DABR_WASM();

    useEffect(() => {
        const onVisibilityChange = () => {
@@ -93,7 +107,8 @@ function DevDashboard() {
    // listen for changes to the chrome storage to update the local storage state displayed in the dashboard
    useEffect(() => {
        const onChanged = (changes: chrome.storage.StorageChange, areaName: chrome.storage.AreaName) => {
-            let copy = {};
+            let copy: Record<string, unknown> = {};
+
            if (areaName === 'local') {
                copy = { ...localStorage };
            } else if (areaName === 'sync') {
@@ -102,8 +117,8 @@ function DevDashboard() {
                copy = { ...sessionStorage };
            }

-            Object.keys(changes).forEach(key => {
-                copy[key] = changes[key].newValue;
+            Object.keys(changes).forEach((key: string) => {
+                copy[key] = changes[key as keyof typeof changes].newValue;
            });

            if (areaName === 'local') {
@@ -124,10 +139,6 @@ function DevDashboard() {
        };
    }, [localStorage, syncStorage, sessionStorage]);

-    const handleEditStorage = (areaName: string) => (changes: Record<string, any>) => {
-        chrome.storage[areaName].set(changes);
-    };
-
    return (
        <div>
            <h1>
@@ -145,4 +156,4 @@ function DevDashboard() {
    );
 }

-createRoot(document.getElementById('root')).render(<DevDashboard />);
+createRoot(document.getElementById('root')!).render(<DevDashboard />);
--- a/src/debug/reactDevtools.ts
+++ b/src/debug/reactDevtools.ts
@@ -1,24 +0,0 @@
-// this is a custom wrapper around react-devtools
-// that changes it so that we only send messages to the devtools when the current tab is active;
-import { connectToDevTools } from 'react-devtools-core';
-
-// connect to the devtools server
-let ws = new WebSocket('ws://localhost:8097');
-
-connectToDevTools({
-    websocket: ws,
-});
-
-// when the tab's visibile state changes, we connect or disconnect from the devtools
-const onVisibilityChange = () => {
-    if (document.visibilityState === 'visible') {
-        ws = new WebSocket('ws://localhost:8097');
-        connectToDevTools({
-            websocket: ws,
-        });
-    } else {
-        ws.close();
-    }
-};
-
-document.addEventListener('visibilitychange', onVisibilityChange);
--- a/src/manifest.ts
+++ b/src/manifest.ts
@@ -9,7 +9,12 @@ const [major, minor, patch, label = '0'] = packageJson.version
    // split into version parts
    .split(/[.-]/);

-const mode = process.env.NODE_ENV;
+const isBeta = !!process.env.BETA;
+const mode = isBeta ? 'beta' : process.env.NODE_ENV;
+
+if (isBeta && process.env.NODE_ENV !== 'production') throw new Error('Cannot have beta non-production build');
+// eslint-disable-next-line no-nested-ternary
+const nameSuffix = isBeta ? ' (beta)' : mode === 'development' ? ' (dev)' : '';

 const HOST_PERMISSIONS: string[] = [
    '*://*.utdirect.utexas.edu/apps/registrar/course_schedule/*',
@@ -17,16 +22,17 @@ const HOST_PERMISSIONS: string[] = [
    '*://*.catalog.utexas.edu/ribbit/',
    '*://*.registrar.utexas.edu/schedules/*',
    '*://*.login.utexas.edu/login/*',
+    'https://utexas.bluera.com/*',
 ];

 const manifest = defineManifest(async () => ({
    manifest_version: 3,
-    name: `${packageJson.displayName ?? packageJson.name}${mode === 'development' ? ' (dev)' : ''}`,
+    name: `${packageJson.displayName ?? packageJson.name}${nameSuffix}`,
    version: `${major}.${minor}.${patch}.${label}`,
    description: packageJson.description,
    options_page: 'src/pages/options/index.html',
    background: { service_worker: 'src/pages/background/background.ts' },
-    permissions: ['storage', 'unlimitedStorage', 'background'],
+    permissions: ['storage', 'unlimitedStorage', 'background', 'scripting'],
    host_permissions: process.env.MODE === 'development' ? [...HOST_PERMISSIONS, '<all_urls>'] : HOST_PERMISSIONS,
    action: {
        default_popup: 'src/pages/popup/index.html',
@@ -50,6 +56,9 @@ const manifest = defineManifest(async () => ({
            matches: ['*://*/*'],
        },
    ],
+    content_security_policy: {
+        extension_pages: "script-src 'self' 'wasm-unsafe-eval'; object-src 'self'",
+    },
 }));

 export default manifest;
--- a/src/pages/background/background.ts
+++ b/src/pages/background/background.ts
@@ -1,10 +1,14 @@
 import type { BACKGROUND_MESSAGES } from '@shared/messages';
+import { UserScheduleStore } from '@shared/storage/UserScheduleStore';
+import updateBadgeText from '@shared/util/updateBadgeText';
 import { MessageListener } from 'chrome-extension-toolkit';

 import onInstall from './events/onInstall';
 import onServiceWorkerAlive from './events/onServiceWorkerAlive';
 import onUpdate from './events/onUpdate';
 import browserActionHandler from './handler/browserActionHandler';
+import calendarBackgroundHandler from './handler/calendarBackgroundHandler';
+import CESHandler from './handler/CESHandler';
 import tabManagementHandler from './handler/tabManagementHandler';
 import userScheduleHandler from './handler/userScheduleHandler';

@@ -27,11 +31,43 @@ chrome.runtime.onInstalled.addListener(details => {
    }
 });

+// migration/login logic
+chrome.tabs.onUpdated.addListener(async (tabId, changeInfo, tab) => {
+    // console.log(changeInfo);
+    if (changeInfo.url === 'https://utdirect.utexas.edu/apps/registrar/course_schedule/utrp_login/') {
+        function openPopupAction() {
+            chrome.tabs.onActivated.removeListener(openPopupAction);
+            chrome.action.openPopup();
+        }
+
+        chrome.tabs.onActivated.addListener(openPopupAction);
+        await chrome.tabs.remove(tabId);
+    }
+});
+
 // initialize the message listener that will listen for messages from the content script
 const messageListener = new MessageListener<BACKGROUND_MESSAGES>({
    ...browserActionHandler,
    ...tabManagementHandler,
    ...userScheduleHandler,
+    ...CESHandler,
+    ...calendarBackgroundHandler,
 });

 messageListener.listen();
+
+UserScheduleStore.listen('schedules', async schedules => {
+    const index = await UserScheduleStore.get('activeIndex');
+    const numCourses = schedules.newValue[index]?.courses?.length;
+    if (!numCourses) return;
+
+    updateBadgeText(numCourses);
+});
+
+UserScheduleStore.listen('activeIndex', async ({ newValue }) => {
+    const schedules = await UserScheduleStore.get('schedules');
+    const numCourses = schedules[newValue]?.courses?.length;
+    if (!numCourses) return;
+
+    updateBadgeText(numCourses);
+});
--- a/src/pages/background/events/onServiceWorkerAlive.ts
+++ b/src/pages/background/events/onServiceWorkerAlive.ts
@@ -1,4 +1,4 @@
-import { openDebugTab } from '../util/openDebugTab';
+import { openDebugTab } from '@pages/background/util/openDebugTab';

 /**
 * Called whenever the background service worker comes alive
--- a/src/pages/background/handler/CESHandler.ts
+++ b/src/pages/background/handler/CESHandler.ts
@@ -0,0 +1,39 @@
+import openNewTab from '@background/util/openNewTab';
+import type CESMessage from '@shared/messages/CESMessage';
+import type { MessageHandler } from 'chrome-extension-toolkit';
+
+const CESFall2023Url = 'https://utexas.bluera.com/utexas/rpvl.aspx?rid=d3db767b-049f-46c5-9a67-29c21c29c580&regl=en-US';
+
+const CESHandler: MessageHandler<CESMessage> = {
+    openCESPage({ data, sendResponse }) {
+        const { instructorFirstName, instructorLastName } = data;
+        openNewTab(CESFall2023Url).then(tab => {
+            const instructorFirstAndLastName = [instructorFirstName, instructorLastName];
+            chrome.scripting.executeScript({
+                target: { tabId: tab.id },
+                func: (...instructorFirstAndLastName: string[]) => {
+                    const inputElement = document.getElementById(
+                        'ctl00_ContentPlaceHolder1_ViewList_tbxValue'
+                    ) as HTMLInputElement | null;
+                    const [instructorFirstName, instructorLastName] = instructorFirstAndLastName;
+                    if (inputElement) {
+                        inputElement.value = `${instructorFirstName} ${instructorLastName}`;
+                        inputElement.focus();
+                        const enterKeyEvent = new KeyboardEvent('keydown', {
+                            key: 'Enter',
+                            code: 'Enter',
+                            keyCode: 13,
+                            which: 13,
+                            bubbles: true,
+                        });
+                        inputElement.dispatchEvent(enterKeyEvent);
+                    }
+                },
+                args: instructorFirstAndLastName,
+            });
+            sendResponse(tab);
+        });
+    },
+};
+
+export default CESHandler;
--- a/src/pages/background/handler/calendarBackgroundHandler.ts
+++ b/src/pages/background/handler/calendarBackgroundHandler.ts
@@ -0,0 +1,48 @@
+import type { TabWithId } from '@background/util/openNewTab';
+import openNewTab from '@background/util/openNewTab';
+import { tabs } from '@shared/messages';
+import type { CalendarBackgroundMessages } from '@shared/messages/CalendarMessages';
+import type { MessageHandler } from 'chrome-extension-toolkit';
+
+const getAllTabInfos = async () => {
+    const openTabs = (await chrome.tabs.query({})).filter((tab): tab is TabWithId => tab.id !== undefined);
+    const results = await Promise.allSettled(openTabs.map(tab => tabs.getTabInfo(undefined, tab.id)));
+
+    type TabInfo = PromiseFulfilledResult<Awaited<ReturnType<typeof tabs.getTabInfo>>>;
+    return results
+        .map((result, index) => ({ result, index }))
+        .filter((el): el is { result: TabInfo; index: number } => el.result.status === 'fulfilled')
+        .map(({ result, index }) => ({
+            ...result.value,
+            tab: openTabs[index]!,
+        }));
+};
+
+const calendarBackgroundHandler: MessageHandler<CalendarBackgroundMessages> = {
+    async switchToCalendarTab({ data, sendResponse }) {
+        const { uniqueId } = data;
+        const calendarUrl = chrome.runtime.getURL(`calendar.html`);
+
+        const allTabs = await getAllTabInfos();
+
+        const openCalendarTabInfo = allTabs.find(tab => tab.url?.startsWith(calendarUrl));
+
+        if (openCalendarTabInfo !== undefined) {
+            const tabid = openCalendarTabInfo.tab.id;
+
+            chrome.tabs.update(tabid, { active: true });
+            if (uniqueId !== undefined) await tabs.openCoursePopup({ uniqueId }, tabid);
+
+            sendResponse(openCalendarTabInfo.tab);
+        } else {
+            const urlParams = new URLSearchParams();
+            if (uniqueId !== undefined) urlParams.set('uniqueId', uniqueId.toString());
+            const url = `${calendarUrl}?${urlParams.toString()}`.replace(/\?$/, '');
+            const tab = await openNewTab(url);
+
+            sendResponse(tab);
+        }
+    },
+};
+
+export default calendarBackgroundHandler;
--- a/src/pages/background/handler/hotReloadingHandler.ts
+++ b/src/pages/background/handler/hotReloadingHandler.ts
@@ -1,24 +0,0 @@
-import type HotReloadingMessages from '@shared/messages/HotReloadingMessages';
-import { DevStore } from '@shared/storage/DevStore';
-import type { MessageHandler } from 'chrome-extension-toolkit';
-
-const hotReloadingHandler: MessageHandler<HotReloadingMessages> = {
-    async reloadExtension({ sendResponse }) {
-        const [isExtensionReloading, isTabReloading] = await Promise.all([
-            DevStore.get('isExtensionReloading'),
-            DevStore.get('isTabReloading'),
-        ]);
-
-        if (!isExtensionReloading) return sendResponse();
-
-        if (isTabReloading) {
-            const tabs = await chrome.tabs.query({ active: true, currentWindow: true });
-            const tabToReload = tabs[0];
-
-            await DevStore.set('reloadTabId', tabToReload?.id);
-        }
-        chrome.runtime.reload();
-    },
-};
-
-export default hotReloadingHandler;
--- a/src/pages/background/handler/tabManagementHandler.ts
+++ b/src/pages/background/handler/tabManagementHandler.ts
@@ -1,8 +1,7 @@
+import openNewTab from '@pages/background/util/openNewTab';
 import type TabManagementMessages from '@shared/messages/TabManagementMessages';
 import type { MessageHandler } from 'chrome-extension-toolkit';

-import openNewTab from '../util/openNewTab';
-
 const tabManagementHandler: MessageHandler<TabManagementMessages> = {
    getTabId({ sendResponse, sender }) {
        sendResponse(sender.tab?.id ?? -1);
--- a/src/pages/background/handler/userScheduleHandler.ts
+++ b/src/pages/background/handler/userScheduleHandler.ts
@@ -1,36 +1,35 @@
+import addCourse from '@pages/background/lib/addCourse';
+import clearCourses from '@pages/background/lib/clearCourses';
+import createSchedule from '@pages/background/lib/createSchedule';
+import deleteSchedule from '@pages/background/lib/deleteSchedule';
+import removeCourse from '@pages/background/lib/removeCourse';
+import renameSchedule from '@pages/background/lib/renameSchedule';
+import switchSchedule from '@pages/background/lib/switchSchedule';
 import type { UserScheduleMessages } from '@shared/messages/UserScheduleMessages';
 import { Course } from '@shared/types/Course';
 import type { MessageHandler } from 'chrome-extension-toolkit';

-import addCourse from '../lib/addCourse';
-import clearCourses from '../lib/clearCourses';
-import createSchedule from '../lib/createSchedule';
-import deleteSchedule from '../lib/deleteSchedule';
-import removeCourse from '../lib/removeCourse';
-import renameSchedule from '../lib/renameSchedule';
-import switchSchedule from '../lib/switchSchedule';
-
 const userScheduleHandler: MessageHandler<UserScheduleMessages> = {
    addCourse({ data, sendResponse }) {
-        addCourse(data.scheduleName, new Course(data.course)).then(sendResponse);
+        addCourse(data.scheduleId, new Course(data.course)).then(sendResponse);
    },
    removeCourse({ data, sendResponse }) {
-        removeCourse(data.scheduleName, new Course(data.course)).then(sendResponse);
+        removeCourse(data.scheduleId, new Course(data.course)).then(sendResponse);
    },
    clearCourses({ data, sendResponse }) {
-        clearCourses(data.scheduleName).then(sendResponse);
+        clearCourses(data.scheduleId).then(sendResponse);
    },
    switchSchedule({ data, sendResponse }) {
-        switchSchedule(data.scheduleName).then(sendResponse);
+        switchSchedule(data.scheduleId).then(sendResponse);
    },
    createSchedule({ data, sendResponse }) {
        createSchedule(data.scheduleName).then(sendResponse);
    },
    deleteSchedule({ data, sendResponse }) {
-        deleteSchedule(data.scheduleName).then(sendResponse);
+        deleteSchedule(data.scheduleId).then(sendResponse);
    },
    renameSchedule({ data, sendResponse }) {
-        renameSchedule(data.scheduleName, data.newName).then(sendResponse);
+        renameSchedule(data.scheduleId, data.newName).then(sendResponse);
    },
 };

--- a/src/pages/background/lib/addCourse.ts
+++ b/src/pages/background/lib/addCourse.ts
@@ -1,17 +1,24 @@
 import { UserScheduleStore } from '@shared/storage/UserScheduleStore';
 import type { Course } from '@shared/types/Course';
+import { getUnusedColor } from '@shared/util/colors';

 /**
- *
+ * Adds a course to a user's schedule.
+ * @param scheduleId - The id of the schedule to add the course to.
+ * @param course - The course to add.
+ * @returns A promise that resolves to void.
+ * @throws An error if the schedule is not found.
 */
-export default async function addCourse(scheduleName: string, course: Course): Promise<void> {
+export default async function addCourse(scheduleId: string, course: Course): Promise<void> {
    const schedules = await UserScheduleStore.get('schedules');
-    const activeSchedule = schedules.find(s => s.name === scheduleName);
+    const activeSchedule = schedules.find(s => s.id === scheduleId);
    if (!activeSchedule) {
        throw new Error('Schedule not found');
    }

+    course.colors = getUnusedColor(activeSchedule, course);
    activeSchedule.courses.push(course);
+    activeSchedule.updatedAt = Date.now();

    await UserScheduleStore.set('schedules', schedules);
 }
--- a/src/pages/background/lib/clearCourses.ts
+++ b/src/pages/background/lib/clearCourses.ts
@@ -2,15 +2,17 @@ import { UserScheduleStore } from '@shared/storage/UserScheduleStore';

 /**
 * Clears the courses for a given schedule.
- * @param scheduleName - The name of the schedule.
+ * @param scheduleId - The id of the schedule.
 * @throws Error if the schedule does not exist.
 */
-export default async function clearCourses(scheduleName: string): Promise<void> {
+export default async function clearCourses(scheduleId: string): Promise<void> {
    const schedules = await UserScheduleStore.get('schedules');
-    const schedule = schedules.find(schedule => schedule.name === scheduleName);
+    const schedule = schedules.find(schedule => schedule.id === scheduleId);
    if (!schedule) {
-        throw new Error(`Schedule ${scheduleName} does not exist`);
+        throw new Error(`Schedule ${scheduleId} does not exist`);
    }
    schedule.courses = [];
+    schedule.updatedAt = Date.now();
+
    await UserScheduleStore.set('schedules', schedules);
 }
--- a/src/pages/background/lib/createSchedule.ts
+++ b/src/pages/background/lib/createSchedule.ts
@@ -1,22 +1,39 @@
 import { UserScheduleStore } from '@shared/storage/UserScheduleStore';
+import type { UserSchedule } from '@shared/types/UserSchedule';
+import { generateRandomId } from '@shared/util/random';
+import type { Serialized } from 'chrome-extension-toolkit';

 /**
 * Creates a new schedule with the given name
 * @param scheduleName the name of the schedule to create
 * @returns undefined if successful, otherwise an error message
 */
-export default async function createSchedule(scheduleName: string): Promise<string | undefined> {
+export default async function createSchedule(scheduleName: string) {
    const schedules = await UserScheduleStore.get('schedules');
-    if (schedules.find(schedule => schedule.name === scheduleName)) {
-        return `Schedule ${scheduleName} already exists`;
+    // get the number of schedules that either have the same name or have the same name with a number appended (e.g. "New Schedule (1)")
+    // this way we can prevent duplicate schedule names and increment the number if necessary
+
+    // Regex to match schedule names that follow the pattern "ScheduleName" or "ScheduleName (1)", "ScheduleName (2)", etc.
+    const regex = new RegExp(`^${scheduleName}( \\(\\d+\\))?$`);
+
+    // Find how many schedules match the base name or follow the pattern with a number
+    const count = schedules.filter(s => regex.test(s.name)).length;
+
+    // If any matches are found, append the next number to the schedule name
+    let name = scheduleName;
+    if (count > 0) {
+        name = `${scheduleName} (${count})`;
    }

-    schedules.push({
-        name: scheduleName,
+    const newSchedule: Serialized<UserSchedule> = {
+        id: generateRandomId(),
+        name,
        courses: [],
        hours: 0,
-    });
+        updatedAt: Date.now(),
+    };
+    schedules.push(newSchedule);

    await UserScheduleStore.set('schedules', schedules);
-    return undefined;
+    return newSchedule.id;
 }
--- a/src/pages/background/lib/deleteSchedule.ts
+++ b/src/pages/background/lib/deleteSchedule.ts
@@ -1,26 +1,47 @@
 import { UserScheduleStore } from '@shared/storage/UserScheduleStore';

+import createSchedule from './createSchedule';
+
 /**
 * Deletes a schedule with the specified name.
 *
- * @param scheduleName - The name of the schedule to delete.
+ * @param scheduleId - The id of the schedule to delete.
 * @returns A promise that resolves to a string if there is an error, or undefined if the schedule is deleted successfully.
 */
-export default async function deleteSchedule(scheduleName: string): Promise<string | undefined> {
+export default async function deleteSchedule(scheduleId: string): Promise<string | undefined> {
    const [schedules, activeIndex] = await Promise.all([
        UserScheduleStore.get('schedules'),
        UserScheduleStore.get('activeIndex'),
    ]);

-    const scheduleIndex = schedules.findIndex(schedule => schedule.name === scheduleName);
+    const scheduleIndex = schedules.findIndex(schedule => schedule.id === scheduleId);
    if (scheduleIndex === -1) {
-        return `Schedule ${scheduleName} does not exist`;
+        throw new Error(`Schedule ${scheduleId} does not exist`);
    }
    if (scheduleIndex === activeIndex) {
-        return 'Cannot delete active schedule';
+        throw new Error(`Cannot delete active schedule`);
+    }
+
+    if (scheduleIndex < activeIndex) {
+        await UserScheduleStore.set('activeIndex', activeIndex - 1);
    }

    schedules.splice(scheduleIndex, 1);
    await UserScheduleStore.set('schedules', schedules);
+
+    if (activeIndex >= schedules.length) {
+        await UserScheduleStore.set('activeIndex', schedules.length - 1);
+    }
    return undefined;
 }
+
+/**
+ * Deletes all schedules.
+ *
+ * @returns A promise that resolves when all schedules are deleted
+ */
+export async function deleteAllSchedules(): Promise<void> {
+    await UserScheduleStore.set('schedules', []);
+    await UserScheduleStore.set('activeIndex', 0);
+    await createSchedule('Schedule 1');
+}
--- a/src/pages/background/lib/duplicateSchedule.ts
+++ b/src/pages/background/lib/duplicateSchedule.ts
@@ -0,0 +1,31 @@
+import { UserScheduleStore } from '@shared/storage/UserScheduleStore';
+import { generateRandomId } from '@shared/util/random';
+
+import handleDuplicate from './handleDuplicate';
+
+/**
+ * Creates a new schedule with the given name
+ * @param scheduleName the name of the schedule to create
+ * @returns undefined if successful, otherwise an error message
+ */
+export default async function duplicateSchedule(scheduleId: string): Promise<string | undefined> {
+    const schedules = await UserScheduleStore.get('schedules');
+    const schedule = schedules.find(schedule => schedule.id === scheduleId);
+
+    if (schedule === undefined) {
+        throw new Error(`Schedule ${scheduleId} does not exist`);
+    }
+
+    const updatedName = await handleDuplicate(schedule.name);
+
+    schedules.push({
+        id: generateRandomId(),
+        name: updatedName,
+        courses: JSON.parse(JSON.stringify(schedule.courses)),
+        hours: schedule.hours,
+        updatedAt: Date.now(),
+    } satisfies typeof schedule);
+
+    await UserScheduleStore.set('schedules', schedules);
+    return undefined;
+}
--- a/src/pages/background/lib/handleDuplicate.ts
+++ b/src/pages/background/lib/handleDuplicate.ts
@@ -0,0 +1,37 @@
+import { UserScheduleStore } from '@shared/storage/UserScheduleStore';
+
+/**
+ * Duplicates a new schedule with the given name.
+ * Assumes that each schedule has a unique name.
+ * @param scheduleName the name of the schedule to handle duplication for
+ * @param schedules the list of UserSchedules to find existing names
+ * @returns the new name for the schedule, of the form `{baseName}({index})`
+ */
+export default async function handleDuplicate(scheduleName: string): Promise<string> {
+    const schedules = await UserScheduleStore.get('schedules');
+
+    // No point in checking for duplicates if the name is unique
+    if (schedules.find(schedule => schedule.name === scheduleName) === undefined) {
+        return scheduleName;
+    }
+
+    // Regex for matching `{baseName}({index})`, where match[1] = baseName, match[2] = (index)
+    const regex = /^(.+?)(\(\d+\))?$/;
+
+    // Extract base name and existing index
+    const match = scheduleName.match(regex);
+    const baseName = match && match[1] ? match[1].trim() : scheduleName;
+
+    // Extract number from parentheses and increment
+    let index = match && match[2] ? parseInt(match[2].slice(1, -1), 10) + 1 : 1;
+
+    let newName: string;
+
+    // Increment until an unused index is found
+    do {
+        newName = `${baseName} (${index++})`;
+        // eslint-disable-next-line @typescript-eslint/no-loop-func
+    } while (schedules.find(schedule => schedule.name === newName));
+
+    return newName;
+}
--- a/src/pages/background/lib/migrateUTRPv1Courses.ts
+++ b/src/pages/background/lib/migrateUTRPv1Courses.ts
@@ -0,0 +1,78 @@
+import { validateLoginStatus } from '@shared/util/checkLoginStatus';
+import { getActiveSchedule } from '@views/hooks/useSchedules';
+import { courseMigration } from '@views/lib/courseMigration';
+
+import addCourse from './addCourse';
+import createSchedule from './createSchedule';
+import switchSchedule from './switchSchedule';
+
+/**
+ * Retrieves the saved courses from the extension's chrome sync storage (old store) and returns an array of course links.
+ *
+ * @returns A promise that resolves to an array of course links.
+ */
+export async function getUTRPv1Courses(): Promise<string[]> {
+    const { savedCourses } = await chrome.storage.sync.get('savedCourses');
+
+    // Check if the savedCourses array is empty
+    if (!savedCourses || savedCourses.length === 0) {
+        return [];
+    }
+
+    // Extract the link property from each course object and return it as an array
+    return savedCourses.map((course: { link: string }) => course.link);
+}
+
+/**
+ * Handles the migration of UTRP v1 courses.
+ *
+ * This function checks if the user is logged into the UT course schedule page.
+ * If the user is not logged in, it logs a message and exits. If the user is
+ * logged in, it retrieves the UTRP v1 courses, creates a new schedule for the
+ * migration, switches to the new schedule, and migrates the courses to the
+ * active schedule.
+ *
+ * @returns A promise that resolves when the migration is complete.
+ */
+async function migrateUTRPv1Courses() {
+    const loggedInToUT = await validateLoginStatus(
+        'https://utdirect.utexas.edu/apps/registrar/course_schedule/utrp_login/'
+    );
+
+    if (!loggedInToUT) {
+        console.warn('Not logged in to UT Registrar.');
+        return false;
+    }
+
+    const oldCourses = await getUTRPv1Courses();
+    console.log(oldCourses);
+
+    const migratedCourses = await courseMigration(oldCourses);
+
+    if (migratedCourses.length > 0) {
+        console.log(oldCourses, migratedCourses);
+        const migrateSchedule = await createSchedule('Migrated Schedule');
+        await switchSchedule(migrateSchedule);
+
+        const activeSchedule = getActiveSchedule();
+
+        for (const course of migratedCourses) {
+            // Add the course if it doesn't already exist
+            if (activeSchedule.courses.every(c => c.uniqueId !== course.uniqueId)) {
+                // ignore eslint, as we *do* want to spend time on each iteration
+                // eslint-disable-next-line no-await-in-loop
+                await addCourse(activeSchedule.id, course);
+            }
+        }
+
+        // Remove the old courses from storage :>
+        await chrome.storage.sync.remove('savedCourses');
+        console.log('Successfully migrated UTRP v1 courses');
+    } else {
+        console.warn('No courses successfully found to migrate');
+    }
+
+    return true;
+}
+
+export default migrateUTRPv1Courses;
--- a/src/pages/background/lib/removeCourse.ts
+++ b/src/pages/background/lib/removeCourse.ts
@@ -4,14 +4,15 @@ import type { Course } from '@shared/types/Course';
 /**
 *
 */
-export default async function removeCourse(scheduleName: string, course: Course): Promise<void> {
+export default async function removeCourse(scheduleId: string, course: Course): Promise<void> {
    const schedules = await UserScheduleStore.get('schedules');
-    const activeSchedule = schedules.find(s => s.name === scheduleName);
+    const activeSchedule = schedules.find(s => s.id === scheduleId);
    if (!activeSchedule) {
        throw new Error('Schedule not found');
    }

    activeSchedule.courses = activeSchedule.courses.filter(c => c.uniqueId !== course.uniqueId);
+    activeSchedule.updatedAt = Date.now();

    await UserScheduleStore.set('schedules', schedules);
 }
--- a/src/pages/background/lib/renameSchedule.ts
+++ b/src/pages/background/lib/renameSchedule.ts
@@ -1,23 +1,41 @@
 import { UserScheduleStore } from '@shared/storage/UserScheduleStore';

+import handleDuplicate from './handleDuplicate';
+
 /**
 * Renames a schedule with the specified name to a new name.
- * @param scheduleName - The name of the schedule to be renamed.
+ * @param scheduleId - The id of the schedule to be renamed.
 * @param newName - The new name for the schedule.
- * @returns A promise that resolves to a string if there is an error, or undefined if the schedule is renamed successfully.
+ * @returns A promise that resolves to the new name if successful, otherwise undefined.
 */
-export default async function renameSchedule(scheduleName: string, newName: string): Promise<string | undefined> {
+export default async function renameSchedule(scheduleId: string, newName: string): Promise<string | undefined> {
    const schedules = await UserScheduleStore.get('schedules');
-    const scheduleIndex = schedules.findIndex(schedule => schedule.name === scheduleName);
+
+    const scheduleIndex = schedules.findIndex(schedule => schedule.id === scheduleId);
    if (scheduleIndex === -1) {
-        return `Schedule ${scheduleName} does not exist`;
+        return undefined;
    }
-    if (schedules.find(schedule => schedule.name === newName)) {
-        return `Schedule ${newName} already exists`;
+    const schedule = schedules[scheduleIndex];
+    if (schedule === undefined) {
+        return undefined;
    }

-    schedules[scheduleIndex].name = newName;
+    // if old name is of the form `{baseName}{index}` and newName === baseName, do nothing.
+    const oldName = schedule.name;
+    const regex = /^(.+?)(\(\d+\))?$/;
+    const match = oldName?.match(regex);
+    const baseName = match?.[1] ?? '';
+    const baseNameOfNewName = newName.match(regex)?.[1];
+
+    if (baseName === baseNameOfNewName) {
+        return oldName;
+    }
+
+    const updatedName = await handleDuplicate(newName);
+
+    schedule.name = updatedName;
+    schedule.updatedAt = Date.now();

    await UserScheduleStore.set('schedules', schedules);
-    return undefined;
+    return newName;
 }
--- a/src/pages/background/lib/switchSchedule.ts
+++ b/src/pages/background/lib/switchSchedule.ts
@@ -3,16 +3,18 @@ import { UserScheduleStore } from '@shared/storage/UserScheduleStore';
 /**
 * Switches the active schedule to the specified schedule name.
 * Throws an error if the schedule does not exist.
- * @param scheduleName - The name of the schedule to switch to.
+ * @param scheduleId - The id of the schedule to switch to.
 * @returns A Promise that resolves when the active schedule is successfully switched.
 */
-export default async function switchSchedule(scheduleName: string): Promise<void> {
+export default async function switchSchedule(scheduleId: string): Promise<void> {
    const schedules = await UserScheduleStore.get('schedules');

-    const scheduleIndex = schedules.findIndex(schedule => schedule.name === scheduleName);
+    const scheduleIndex = schedules.findIndex(schedule => schedule.id === scheduleId);
    if (scheduleIndex === -1) {
-        throw new Error(`Schedule ${scheduleName} does not exist`);
+        throw new Error(`Schedule ${scheduleId} does not exist`);
    }

+    schedules[scheduleIndex]!.updatedAt = Date.now();
+
    await UserScheduleStore.set('activeIndex', scheduleIndex);
 }
--- a/src/pages/background/util/hotReloadTab.ts
+++ b/src/pages/background/util/hotReloadTab.ts
@@ -1,42 +0,0 @@
-import { DevStore } from '@shared/storage/DevStore';
-
-/**
- * A list of websites that we don't want to reload when the extension reloads (becuase it'd be hella annoying lmao)
- */
-const HOT_RELOADING_WHITELIST = [
-    'youtube.com',
-    'twitch.tv',
-    'github.dev',
-    'figma.com',
-    'netflix.com',
-    'disneyplus.com',
-    'hbomax.com',
-    'spotify.com',
-    'localhost:6006',
-    'docs.google.com',
-    'reddit.com',
-    'gmail.com',
-    'photopea.com',
-    'chat.openai.com',
-];
-
-/**
- * Reloads the tab that was open when the extension was reloaded
- * @returns a promise that resolves when the tab is reloaded
- */
-export async function hotReloadTab(): Promise<void> {
-    const [isTabReloading, reloadTabId] = await Promise.all([
-        DevStore.get('isTabReloading'),
-        DevStore.get('reloadTabId'),
-    ]);
-
-    if (!isTabReloading || !reloadTabId) return;
-
-    chrome.tabs.get(reloadTabId, tab => {
-        if (!tab?.id) return;
-        if (!tab.url) return;
-        if (!HOT_RELOADING_WHITELIST.find(url => tab.url?.includes(url))) {
-            chrome.tabs.reload(tab.id);
-        }
-    });
-}
--- a/src/pages/background/util/openDebugTab.ts
+++ b/src/pages/background/util/openDebugTab.ts
@@ -10,7 +10,7 @@ export async function openDebugTab() {
            DevStore.get('wasDebugTabVisible'),
        ]);

-        const isAlreadyOpen = await (await chrome.tabs.query({})).some(tab => tab.id === debugTabId);
+        const isAlreadyOpen = (await chrome.tabs.query({})).some(tab => tab.id === debugTabId);
        if (isAlreadyOpen) return;

        const tab = await chrome.tabs.create({
--- a/src/pages/background/util/openNewTab.ts
+++ b/src/pages/background/util/openNewTab.ts
@@ -1,10 +1,15 @@
+/**
+ * Represents a tab with an additional `id` property
+ */
+export type TabWithId = Omit<chrome.tabs.Tab, 'id'> & { id: number };
+
 /**
 * This is a helper function that opens a new tab in the current window, and focuses the window
 * @param tabIndex - the index of the tab to open the new tab at (optional)
 * @returns the tab that was opened
 */
-export default async function openNewTab(url: string, tabIndex?: number): Promise<chrome.tabs.Tab> {
-    const tab = await chrome.tabs.create({ url, index: tabIndex, active: true });
+export default async function openNewTab(url: string, tabIndex?: number): Promise<TabWithId> {
+    const tab = (await chrome.tabs.create({ url, index: tabIndex, active: true })) as TabWithId;
    await chrome.windows.update(tab.windowId, { focused: true });
    return tab;
 }
--- a/src/pages/calendar/CalendarMain.tsx
+++ b/src/pages/calendar/CalendarMain.tsx
@@ -1,15 +1,42 @@
+import type TabInfoMessages from '@shared/messages/TabInfoMessages';
+import Calendar from '@views/components/calendar/Calendar';
+import DialogProvider from '@views/components/common/DialogProvider/DialogProvider';
 import ExtensionRoot from '@views/components/common/ExtensionRoot/ExtensionRoot';
-import React from 'react';
-import { Calendar } from 'src/views/components/calendar/Calendar/Calendar';
+import { MigrationDialog } from '@views/components/common/MigrationDialog';
+import SentryProvider from '@views/contexts/SentryContext';
+import { MessageListener } from 'chrome-extension-toolkit';
+import useKC_DABR_WASM from 'kc-dabr-wasm';
+import React, { useEffect } from 'react';

 /**
 * Calendar page
 * @returns entire page
 */
 export default function CalendarMain() {
+    useKC_DABR_WASM();
+    useEffect(() => {
+        const tabInfoListener = new MessageListener<TabInfoMessages>({
+            getTabInfo: ({ sendResponse }) => {
+                sendResponse({
+                    url: window.location.href,
+                    title: document.title,
+                });
+            },
+        });
+
+        tabInfoListener.listen();
+
+        return () => tabInfoListener.unlisten();
+    }, []);
+
    return (
-        <ExtensionRoot>
-            <Calendar />
-        </ExtensionRoot>
+        <SentryProvider fullInit>
+            <ExtensionRoot className='h-full w-full'>
+                <DialogProvider>
+                    <MigrationDialog />
+                    <Calendar />
+                </DialogProvider>
+            </ExtensionRoot>
+        </SentryProvider>
    );
 }
--- a/src/pages/calendar/index.html
+++ b/src/pages/calendar/index.html
@@ -7,9 +7,9 @@
        <title>Calendar</title>
    </head>

-    <body>
+    <body style="min-height: 100vh; height: 0; margin: 0">
        <noscript>You need to enable JavaScript to run this app.</noscript>
-        <div id="root"></div>
+        <div id="root" style="height: 100%"></div>

        <script src="./index.tsx" type="module"></script>
    </body>
--- a/src/pages/calendar/index.tsx
+++ b/src/pages/calendar/index.tsx
@@ -1,6 +1,8 @@
+import 'uno.css';
+
 import React from 'react';
 import { createRoot } from 'react-dom/client';

 import CalendarMain from './CalendarMain';

-createRoot(document.getElementById('root')).render(<CalendarMain />);
+createRoot(document.getElementById('root')!).render(<CalendarMain />);
--- a/src/pages/options/App.tsx
+++ b/src/pages/options/App.tsx
@@ -1,13 +0,0 @@
-import ExtensionRoot from '@views/components/common/ExtensionRoot/ExtensionRoot';
-import React from 'react';
-
-/**
- *
- */
-export default function App() {
-    return (
-        <ExtensionRoot>
-            <div>hello how are you doing today.</div>
-        </ExtensionRoot>
-    );
-}
--- a/src/pages/options/Settings.tsx
+++ b/src/pages/options/Settings.tsx
@@ -0,0 +1,25 @@
+import DialogProvider from '@views/components/common/DialogProvider/DialogProvider';
+import ExtensionRoot from '@views/components/common/ExtensionRoot/ExtensionRoot';
+import Settings from '@views/components/settings/Settings';
+import SentryProvider from '@views/contexts/SentryContext';
+import useKC_DABR_WASM from 'kc-dabr-wasm';
+import React from 'react';
+
+/**
+ * Renders the settings page for the UTRP (UT Registration Plus) extension.
+ * Allows customization options and displays credits for the development team.
+ *
+ * @returns The JSX element representing the settings page.
+ */
+export default function SettingsPage() {
+    useKC_DABR_WASM();
+    return (
+        <SentryProvider fullInit>
+            <ExtensionRoot>
+                <DialogProvider>
+                    <Settings />
+                </DialogProvider>
+            </ExtensionRoot>
+        </SentryProvider>
+    );
+}
--- a/src/pages/options/index.html
+++ b/src/pages/options/index.html
@@ -4,10 +4,10 @@
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <meta name="theme-color" content="#000000" />
-        <title>Popup</title>
+        <title>UTRP Options</title>
    </head>

-    <body>
+    <body style="min-height: 100vh; height: 0; margin: 0">
        <noscript>You need to enable JavaScript to run this app.</noscript>
        <div id="root"></div>

--- a/src/pages/options/index.tsx
+++ b/src/pages/options/index.tsx
@@ -1,6 +1,6 @@
 import React from 'react';
 import { createRoot } from 'react-dom/client';

-import App from './App';
+import SettingsPage from './Settings';

-createRoot(document.getElementById('root')).render(<App />);
+createRoot(document.getElementById('root')!).render(<SettingsPage />);
--- a/src/pages/panel/index.tsx
+++ b/src/pages/panel/index.tsx
--- a/src/pages/popup/index.html
+++ b/src/pages/popup/index.html
@@ -5,6 +5,14 @@
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <meta name="theme-color" content="#000000" />
        <title>Popup</title>
+        <style>
+            body {
+                margin: 0;
+                padding: 0;
+                width: 400px;
+                height: 540px;
+            }
+        </style>
    </head>

    <body>
--- a/src/pages/popup/index.tsx
+++ b/src/pages/popup/index.tsx
@@ -1,6 +1,20 @@
+import 'uno.css';
+
+import DialogProvider from '@views/components/common/DialogProvider/DialogProvider';
+import ExtensionRoot from '@views/components/common/ExtensionRoot/ExtensionRoot';
+import { MigrationDialog } from '@views/components/common/MigrationDialog';
+import PopupMain from '@views/components/PopupMain';
+import SentryProvider from '@views/contexts/SentryContext';
 import React from 'react';
 import { createRoot } from 'react-dom/client';

-import PopupMain from '../../views/components/PopupMain';
-
-createRoot(document.getElementById('root')).render(<PopupMain />);
+createRoot(document.getElementById('root')!).render(
+    <SentryProvider fullInit>
+        <ExtensionRoot>
+            <DialogProvider>
+                <MigrationDialog />
+                <PopupMain />
+            </DialogProvider>
+        </ExtensionRoot>
+    </SentryProvider>
+);
--- a/src/pages/report/index.html
+++ b/src/pages/report/index.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8" />
+        <meta name="viewport" content="width=device-width, initial-scale=1" />
+        <meta name="theme-color" content="#000000" />
+        <title>UTRP Report Issue</title>
+    </head>
+
+    <body>
+        <noscript>You need to enable JavaScript to run this app.</noscript>
+        <div id="root"></div>
+
+        <script src="./index.tsx" type="module"></script>
+    </body>
+</html>
--- a/src/pages/report/index.tsx
+++ b/src/pages/report/index.tsx
@@ -0,0 +1,10 @@
+import ReportIssueMain from '@views/components/ReportIssueMain';
+import SentryProvider from '@views/contexts/SentryContext';
+import React from 'react';
+import { createRoot } from 'react-dom/client';
+
+createRoot(document.getElementById('root')!).render(
+    <SentryProvider fullInit>
+        <ReportIssueMain />
+    </SentryProvider>
+);
--- a/src/shared/messages/CESMessage.ts
+++ b/src/shared/messages/CESMessage.ts
@@ -0,0 +1,10 @@
+interface CESMessage {
+    /**
+     * Opens the CES page for the specified instructor
+     *
+     * @param data first and last name of the instructor
+     */
+    openCESPage: (data: { instructorFirstName: string; instructorLastName: string }) => chrome.tabs.Tab;
+}
+
+export default CESMessage;
--- a/src/shared/messages/CalendarMessages.ts
+++ b/src/shared/messages/CalendarMessages.ts
@@ -0,0 +1,19 @@
+interface CalendarBackgroundMessages {
+    /**
+     * Opens the calendar page if it is not already open, focuses the tab, and optionally opens the calendar for a specific course
+     *
+     * @param data - The unique id of the course to open the calendar page for (optional)
+     */
+    switchToCalendarTab: (data: { uniqueId?: number }) => chrome.tabs.Tab;
+}
+
+interface CalendarTabMessages {
+    /**
+     * Opens a popup for a specific course on the calendar page
+     *
+     * @param data - The unique id of the course to open on the calendar page
+     */
+    openCoursePopup: (data: { uniqueId: number }) => chrome.tabs.Tab;
+}
+
+export type { CalendarBackgroundMessages, CalendarTabMessages };
--- a/src/shared/messages/HotReloadingMessages.ts
+++ b/src/shared/messages/HotReloadingMessages.ts
@@ -1,4 +0,0 @@
-/* eslint-disable jsdoc/require-jsdoc */
-export default interface HotReloadingMessages {
-    reloadExtension: () => void;
-}
--- a/src/shared/messages/TabInfoMessages.ts
+++ b/src/shared/messages/TabInfoMessages.ts
@@ -0,0 +1,15 @@
+type TabInfo = {
+    url: string;
+    title: string;
+};
+
+interface TabInfoMessages {
+    /**
+     * Gets the info for the tab receiving the message
+     *
+     * @returns The info for the tab receiving the message
+     */
+    getTabInfo: () => TabInfo;
+}
+
+export default TabInfoMessages;
--- a/src/shared/messages/TabMessages.ts
+++ b/src/shared/messages/TabMessages.ts
@@ -1,4 +0,0 @@
-/**
- * This is a type with all the message definitions that can be sent TO specific tabs
- */
-export default interface TAB_MESSAGES {}
--- a/src/shared/messages/UserScheduleMessages.ts
+++ b/src/shared/messages/UserScheduleMessages.ts
@@ -6,25 +6,25 @@ import type { Course } from '@shared/types/Course';
 export interface UserScheduleMessages {
    /**
     * Add a course to a schedule
-     * @param data the schedule name and course to add
+     * @param data the schedule id and course to add
     */
-    addCourse: (data: { scheduleName: string; course: Course }) => void;
+    addCourse: (data: { scheduleId: string; course: Course }) => void;
    /**
     * Remove a course from a schedule
-     * @param data the schedule name and course to remove
+     * @param data the schedule id and course to remove
     */
-    removeCourse: (data: { scheduleName: string; course: Course }) => void;
+    removeCourse: (data: { scheduleId: string; course: Course }) => void;
    /**
     * Clears all courses from a schedule
-     * @param data the name of the schedule to clear
+     * @param data the id of the schedule to clear
     */
-    clearCourses: (data: { scheduleName: string }) => void;
+    clearCourses: (data: { scheduleId: string }) => void;

    /**
     * Switches the active schedule to the one specified
-     * @param data the name of the schedule to switch to
+     * @param data the id of the schedule to switch to
     */
-    switchSchedule: (data: { scheduleName: string }) => void;
+    switchSchedule: (data: { scheduleId: string }) => void;

    /**
     * Creates a new schedule with the specified name
@@ -34,14 +34,14 @@ export interface UserScheduleMessages {
    createSchedule: (data: { scheduleName: string }) => string | undefined;
    /**
     * Deletes a schedule with the specified name
-     * @param data the name of the schedule to delete
+     * @param data the id of the schedule to delete
     * @returns undefined if successful, otherwise an error message
     */
-    deleteSchedule: (data: { scheduleName: string }) => string | undefined;
+    deleteSchedule: (data: { scheduleId: string }) => string | undefined;
    /**
     * Renames a schedule with the specified name
-     * @param data the name of the schedule to rename and the new name
+     * @param data the id of the schedule to rename and the new name
     * @returns undefined if successful, otherwise an error message
     */
-    renameSchedule: (data: { scheduleName: string; newName: string }) => string | undefined;
+    renameSchedule: (data: { scheduleId: string; newName: string }) => string | undefined;
 }
--- a/src/shared/messages/index.ts
+++ b/src/shared/messages/index.ts
@@ -1,14 +1,25 @@
 import { createMessenger } from 'chrome-extension-toolkit';

 import type BrowserActionMessages from './BrowserActionMessages';
+import type { CalendarBackgroundMessages, CalendarTabMessages } from './CalendarMessages';
+import type CESMessage from './CESMessage';
+import type TabInfoMessages from './TabInfoMessages';
 import type TabManagementMessages from './TabManagementMessages';
-import type TAB_MESSAGES from './TabMessages';
 import type { UserScheduleMessages } from './UserScheduleMessages';

 /**
 * This is a type with all the message definitions that can be sent TO the background script
 */
-export type BACKGROUND_MESSAGES = BrowserActionMessages & TabManagementMessages & UserScheduleMessages;
+export type BACKGROUND_MESSAGES = BrowserActionMessages &
+    TabManagementMessages &
+    UserScheduleMessages &
+    CESMessage &
+    CalendarBackgroundMessages;
+
+/**
+ * This is a type with all the message definitions that can be sent TO specific tabs
+ */
+export type TAB_MESSAGES = CalendarTabMessages & TabInfoMessages;

 /**
 * A utility object that can be used to send type-safe messages to the background script
@@ -18,4 +29,4 @@ export const background = createMessenger<BACKGROUND_MESSAGES>('background');
 /**
 * A utility object that can be used to send type-safe messages to specific tabs
 */
-export const tabs = createMessenger<TAB_MESSAGES>('tab');
+export const tabs = createMessenger<TAB_MESSAGES>('foreground');
--- a/src/shared/storage/OptionsStore.ts
+++ b/src/shared/storage/OptionsStore.ts
@@ -3,20 +3,44 @@ import { createSyncStore, debugStore } from 'chrome-extension-toolkit';
 /**
 * A store that is used for storing user options
 */
-interface IOptionsStore {
-    /** whether we should automatically highlight conflicts on the course schedule page */
-    shouldHighlightConflicts: boolean;
-    /** whether we should automatically scroll to load more courses on the course schedule page (without having to click next) */
-    shouldScrollToLoad: boolean;
+export interface IOptionsStore {
+    /** whether we should enable course status chips (indicator for waitlisted, cancelled, and closed courses) */
+    enableCourseStatusChips: boolean;

-    // url: URL;
+    /** whether we should enable course's time and location in the extension's popup */
+    enableTimeAndLocationInPopup: boolean;
+
+    /** whether we should automatically highlight conflicts on the course schedule page (adds a red strikethrough to courses that have conflicting times) */
+    enableHighlightConflicts: boolean;
+
+    /** whether we should automatically scroll to load more courses on the course schedule page (without having to click next) */
+    enableScrollToLoad: boolean;
+
+    /** whether we should automatically refresh the data for the waitlist, course status, and other info with the latest data from UT's site */
+    enableDataRefreshing: boolean;
 }

 export const OptionsStore = createSyncStore<IOptionsStore>({
-    shouldHighlightConflicts: true,
-    shouldScrollToLoad: true,
+    enableCourseStatusChips: false,
+    enableTimeAndLocationInPopup: false,
+    enableHighlightConflicts: true,
+    enableScrollToLoad: true,
+    enableDataRefreshing: true,
 });

+/**
+ * Initializes the settings by retrieving the values from the OptionsStore.
+ * @returns {Promise<IOptionsStore>} A promise that resolves to an object satisfying the IOptionsStore interface.
+ */
+export const initSettings = async () =>
+    ({
+        enableCourseStatusChips: await OptionsStore.get('enableCourseStatusChips'),
+        enableTimeAndLocationInPopup: await OptionsStore.get('enableTimeAndLocationInPopup'),
+        enableHighlightConflicts: await OptionsStore.get('enableHighlightConflicts'),
+        enableScrollToLoad: await OptionsStore.get('enableScrollToLoad'),
+        enableDataRefreshing: await OptionsStore.get('enableDataRefreshing'),
+    }) satisfies IOptionsStore;
+
 // Clothing retailer right

 debugStore({ OptionsStore });
--- a/Show More
+++ b/Show More