style: Nits on the code

Author: ChrisChV

src/library-authoring/course-import/ImportDetails.tsx

@@ -0,0 +1,73 @@
+import { Helmet } from 'react-helmet';
+import { FormattedMessage, useIntl } from 'react-intl';
+import { useParams } from 'react-router';
+
+import Header from '@src/header';
+import { useCourseDetails } from '@src/course-outline/data/apiHooks';
+import SubHeader from '@src/generic/sub-header/SubHeader';
+
+import Loading from '@src/generic/Loading';
+import { Stack } from '@openedx/paragon';
+import messages from './messages';
+import { SummaryCard } from './SummaryCard';
+
+export const ImportDetails = () => {
+  const intl = useIntl();
+
+  const { courseId } = useParams();
+  const { data, isPending } = useCourseDetails(courseId);
+
+  const isSuccess = false;
+
+  const renderBody = () => (
+    isSuccess ? (
+      <Stack gap={2}>
+        <h4><FormattedMessage {...messages.importSuccessfulTitle} /></h4>
+        <p>
+          <FormattedMessage
+            {...messages.importSuccessfulBody}
+            values={{
+              courseName: data?.title,
+            }}
+          />
+        </p>
+        <h4><FormattedMessage {...messages.importSummaryTitle} /></h4>
+        <SummaryCard />
+      </Stack>
+    ) : (
+      <Stack gap={2}>
+        <h4><FormattedMessage {...messages.importFailedTitle} /></h4>
+        <p>
+          <FormattedMessage
+            {...messages.importFailedBody}
+            values={{
+              courseName: data?.title,
+            }}
+          />
+        </p>
+        <p>
+          Reason
+        </p>
+      </Stack>
+    )
+  );
+
+  return (
+    <>
+      <Helmet>
+        <title>
+          {intl.formatMessage(messages.importDetailsTitle)}
+        </title>
+      </Helmet>
+      <Header isHiddenMainMenu />
+      <div>
+        <SubHeader
+          title={intl.formatMessage(messages.importDetailsTitle)}
+        />
+        {false ? (
+          <Loading />
+        ) : renderBody()}
+      </div>
+    </>
+  );
+};

src/studio-home/tabs-section/courses-tab/index.tsx

@@ -44,7 +44,7 @@ interface CardListProps {
   onClickNewCourse?: () => void;
   inSelectMode?: boolean;
   selectedCourseId?: string;
-  migrationStatusWidget?: React.ComponentType<MigrationStatusProps> | null;
+  migrationStatusWidget?: React.ComponentType<MigrationStatusProps>;
 }
 
 const CardList = ({
@@ -152,7 +152,7 @@ interface Props {
   isShowProcessing?: boolean;
   selectedCourseId?: string;
   handleSelect?: (courseId: string) => void;
-  cardMigrationStatusWidget?: React.ComponentType<MigrationStatusProps> | null;
+  cardMigrationStatusWidget?: React.ComponentType<MigrationStatusProps>;
 }
 
 export const CoursesList: React.FC<Props> = ({