refactor: update paragon deprecated components

Author: dcoa

src/optimizer-page/scan-results/BrokenLinkTable.tsx

@@ -1,5 +1,5 @@
 import {
-  Card, Icon, OverlayTrigger, Table, Tooltip,
+  Card, Icon, OverlayTrigger, DataTable, Tooltip,
 } from '@openedx/paragon';
 import {
   OpenInNew, Lock, LinkOff, InfoOutline,
@@ -80,7 +80,7 @@ const BrokenLinkTable: FC<BrokenLinkTableProps> = ({
   return (
     <Card className="unit-card rounded-sm pt-2 pl-3 pr-4 mb-2.5">
       <p className="unit-header">{unit.displayName}</p>
-      <Table
+      <DataTable
         data={unit.blocks.reduce(
           (
             acc: TableData,

src/optimizer-page/scan-results/ScanResults.tsx

@@ -1,7 +1,7 @@
 import { useState, useMemo, FC } from 'react';
 import {
   Card,
-  CheckBox,
+  Form,
 } from '@openedx/paragon';
 import { useIntl } from '@edx/frontend-platform/i18n';
 import messages from './messages';
@@ -44,15 +44,15 @@ const ScanResults: FC<Props> = ({ data }) => {
         <header className="sub-header-content">
           <h2 className="sub-header-content-title">{intl.formatMessage(messages.scanHeader)}</h2>
           <span className="locked-links-checkbox-wrapper">
-            <CheckBox
-              className="locked-links-checkbox"
-              type="checkbox"
-              checked={showLockedLinks}
-              onClick={() => {
-                setShowLockedLinks(!showLockedLinks);
-              }}
-              label={intl.formatMessage(messages.lockedCheckboxLabel)}
-            />
+              <Form.CheckBox
+                className="locked-links-checkbox"
+                checked={showLockedLinks}
+                onClick={() => {
+                  setShowLockedLinks(!showLockedLinks);
+                }}
+              > 
+                {intl.formatMessage(messages.lockedCheckboxLabel)}
+              </Form.CheckBox>
             <LockedInfoIcon />
           </span>
         </header>