chore: run new eslint fixes and update to "@asu/shared" package on all packages

Author: davidornelas11

.vscode/settings.json

@@ -15,5 +15,6 @@
     "titleBar.activeForeground": "#FFC627",
     "titleBar.inactiveBackground": "#8C1D40",
     "titleBar.inactiveForeground": "#D0D0D0"
-  }
+  },
+  "typescript.tsdk": "node_modules/typescript/lib"
 }

packages/app-degree-pages/__mocks__/unity-react-core-mock.jsx

@@ -1,7 +1,7 @@
 /* eslint-disable react/jsx-props-no-spreading */
 // @ts-check
 import * as asuCore from "@asu/unity-react-core";
-import * as React from "react";
+import React from "react";
 import { vi } from "vitest"
 
 const {

packages/app-degree-pages/src/components/DetailPage/components/ApplicationRequirements/index.jsx

@@ -1,12 +1,11 @@
-/* eslint-disable react/no-danger */
 // @ts-check
 import { Accordion, Button } from "@asu/unity-react-core";
+import { sanitizeDangerousMarkup } from "@asu/shared";
 import classNames from "classnames";
 import PropTypes from "prop-types";
 import React from "react";
 import styled from "styled-components";
 
-import { sanitizeDangerousMarkup } from "../../../../../../../shared";
 import { progDetailSectionIds } from "../../../../core/models";
 
 /**

packages/app-degree-pages/src/components/DetailPage/components/AtAGlance/GlanceItem/index.jsx

@@ -1,8 +1,8 @@
 // @ts-check
+import { idGenerator } from "@asu/shared";
 import PropTypes from "prop-types";
 import React, { Fragment } from "react";
 
-import { idGenerator } from "../../../../../../../../shared";
 import {
   glanceItemPropShape,
   glanceItemsMap,

packages/app-degree-pages/src/components/DetailPage/components/AttendOnline/index.jsx

@@ -1,9 +1,9 @@
 // @ts-check
 import { Button } from "@asu/unity-react-core";
+import { idGenerator } from "@asu/shared";
 import PropTypes from "prop-types";
 import React from "react";
 
-import { idGenerator } from "../../../../../../../shared";
 import { progDetailSectionIds } from "../../../../core/models";
 import { imagePropShape } from "../../../../core/models/app-prop-types";
 

packages/app-degree-pages/src/components/DetailPage/components/Breadcrumbs/index.jsx

@@ -1,8 +1,8 @@
 // @ts-check
+import { idGenerator } from "@asu/shared";
 import PropTypes from "prop-types";
 import React from "react";
 
-import { idGenerator } from "../../../../../../../shared";
 import { linkPropShape } from "../../../../core/models";
 import { trackGAEvent } from "../../../../core/services/google-analytics";
 

packages/app-degree-pages/src/components/DetailPage/components/ChangeYourMajor/index.jsx

@@ -1,9 +1,9 @@
 // @ts-check
+import { sanitizeDangerousMarkup } from "@asu/shared";
 import PropTypes from "prop-types";
 import React from "react";
 import styled from "styled-components";
 
-import { sanitizeDangerousMarkup } from "../../../../../../../shared";
 import { progDetailSectionIds } from "../../../../core/models";
 
 const WrapperContainer = styled.div`

packages/app-degree-pages/src/components/DetailPage/components/CustomText/index.jsx

@@ -1,9 +1,8 @@
 // @ts-check
+import { sanitizeDangerousMarkup } from "@asu/shared";
 import PropTypes from "prop-types";
 import React from "react";
 
-import { sanitizeDangerousMarkup } from "../../../../../../../shared";
-
 /**
  * @param {{content: string}} props
  * @returns {JSX.Element}
@@ -13,7 +12,6 @@ function CustomText({ content = "" }) {
     <div
       data-testid="custom-text"
       className="mt-3"
-      // eslint-disable-next-line react/no-danger
       dangerouslySetInnerHTML={sanitizeDangerousMarkup(content)}
     />
   );

packages/app-degree-pages/src/components/DetailPage/components/FlexibleDegreeOptions/ContentBlock/index.jsx

@@ -33,7 +33,6 @@ const ContentBlock = ({ id, title, links }) => (
     </p>
     <List className="mt-3 mb-3">
       {links.map((link, index) => (
-        // eslint-disable-next-line react/no-array-index-key
         <li key={`${link.title}-${index}`}>
           <a href={link.url} target="_blank" rel="noreferrer">
             {link.title}

packages/app-degree-pages/src/components/DetailPage/components/MarketText/index.jsx

@@ -1,11 +1,8 @@
 // @ts-check
+import { sanitizeDangerousMarkup, spreadClasses } from "@asu/shared";
 import PropTypes from "prop-types";
 import React from "react";
 
-import {
-  sanitizeDangerousMarkup,
-  spreadClasses,
-} from "../../../../../../../shared";
 import { contentPropShape } from "../../../../core/models/app-prop-types";
 
 /**
@@ -24,7 +21,6 @@ function MarketText({ contents = [] }) {
         <div
           key={`content-${index + 1}`}
           className={`mt-3 ${spreadClasses(content.cssClass)}`}
-          // eslint-disable-next-line react/no-danger
           dangerouslySetInnerHTML={sanitizeDangerousMarkup(content.text)}
         />
       ))}