Refactor .js files to .ts and extract code

content-scripts/components/Header.tsx → content-scripts/components/Navbar/Header.tsx

@@ -1,10 +1,11 @@
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import jsx from "texsaur";
 
+import { AuthSession } from "../../types";
 import HeaderLinks from "./HeaderLinks";
 import Authentication from "./HeaderAuthentication";
-import { AuthSession } from "../types";
 
+//TODO(thePeras): I think we should move this to a separate file dedicated to constants or a folder like `data`
 const HEADER_LINKS = {
     Estudantes: {
         Bolsas: "web_base.gera_pagina?p_pagina=242366",

content-scripts/components/HeaderAuthentication.tsx → content-scripts/components/Navbar/HeaderAuthentication.tsx

@@ -1,8 +1,8 @@
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import jsx from "texsaur";
-import { AuthSession } from "../types";
-import { togglePopover } from "../modules/utilities/popover";
-import Icon from "./Icon";
+import { AuthSession } from "../../types";
+import { togglePopover } from "../../modules/utilities/popover";
+import Icon from "../Icon";
 
 interface Props {
     auth: AuthSession | null;

content-scripts/index.js

@@ -5,7 +5,7 @@ import {
     addSortTableActions,
 } from "./modules/initialize";
 import { injectAllChanges, userPreferences } from "./modules/options";
-import constructNewData from "./modules/utilities/constructNewData";
+import constructNewData from "./modules/options/constructNewData";
 import { getStorage, setStorage } from "./modules/utilities/storage";
 import { rememberLogin } from "./modules/login";
 import { replaceIcons } from "./modules/icons";