chore: update imports and fix typos

Author: navinkarkera

src/course-outline/status-bar/LegacyStatusBar.test.tsx

@@ -6,8 +6,8 @@ import { getConfig, setConfig } from '@edx/frontend-platform/config';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 
 import { CourseOutlineStatusBar } from '@src/course-outline/data/types';
+import initializeStore from '@src/store';
 import messages from './messages';
-import initializeStore from '../../store';
 import { VIDEO_SHARING_OPTIONS } from '../constants';
 import { LegacyStatusBar, LegacyStatusBarProps } from './LegacyStatusBar';
 
@@ -25,12 +25,12 @@ jest.mock('react-router-dom', () => ({
   }),
 }));
 
-jest.mock('../../generic/data/api', () => ({
-  ...jest.requireActual('../../generic/data/api'),
+jest.mock('@src/generic/data/api', () => ({
+  ...jest.requireActual('@src/generic/data/api'),
   getTagsCount: jest.fn().mockResolvedValue({ 'course-v1:123': 17 }),
 }));
 
-jest.mock('../../help-urls/hooks', () => ({
+jest.mock('@src/help-urls/hooks', () => ({
   useHelpUrls: () => ({
     contentHighlights: 'content-highlights-link',
     socialSharing: 'social-sharing-link',

src/course-outline/status-bar/NotificationStatusIcon.tsx

@@ -1,11 +1,11 @@
 import { FormattedMessage } from '@edx/frontend-platform/i18n';
 import { Icon } from '@openedx/paragon';
 import { NotificationsNone } from '@openedx/paragon/icons';
-import { HooKType, useDynamicHookShim } from './hooks';
+import { HookType, useDynamicHookShim } from './hooks';
 import messages from './messages';
 
 // Component that actually calls the loaded hook
-const NotificationHookConsumer = ({ hook }: { hook: () => HooKType }) => {
+const NotificationHookConsumer = ({ hook }: { hook: () => HookType }) => {
   // The hook is now called on **every** render of this component
   const { notificationAppData } = hook();
 

src/course-outline/status-bar/hooks.ts

@@ -1,7 +1,7 @@
 /* istanbul ignore file */
 import React from 'react';
 
-export interface HooKType {
+export interface HookType {
   notificationAppData: {
     tabsCount?: {
       count?: number;
@@ -11,7 +11,7 @@ export interface HooKType {
 
 // Load the hook module asynchronously
 export function useDynamicHookShim() {
-  const [hook, setHook] = React.useState<(() => HooKType) | null>(null);
+  const [hook, setHook] = React.useState<(() => HookType) | null>(null);
 
   React.useEffect(() => {
     let cancelled = false;