Fix & Optimize Imports

Fix broken Fluent UI imports and optimize the imports at the same time.

Server/src/Routes/LifecycleManagement.ts

@@ -1,13 +1,13 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 
-import { endpointPAWUserRightsSettings, localGroupMembershipUserRights } from "../Utility/RequestGenerator";
-import { writeDebugInfo, InternalAppError } from "../Utility/Utility";
-import { validateGUID, validateEmailArray } from "../Utility/Validators";
-import type { AppGraphClient } from "../Utility/GraphClient";
-import type { ConfigurationEngine, PAWGroupConfig, PAWObject } from "../Startup/ConfigEngine";
-import type express from "express";
 import type * as MicrosoftGraphBeta from "@microsoft/microsoft-graph-types-beta";
+import type express from "express";
+import type { ConfigurationEngine, PAWGroupConfig, PAWObject } from "../Startup/ConfigEngine";
+import type { AppGraphClient } from "../Utility/GraphClient";
+import { endpointPAWUserRightsSettings, localGroupMembershipUserRights } from "../Utility/RequestGenerator";
+import { InternalAppError, writeDebugInfo } from "../Utility/Utility";
+import { validateEmailArray, validateGUID } from "../Utility/Validators";
 
 export class LifecycleRouter {
     // Define the properties that will be available to the class

Server/src/Startup/ConfigEngine.ts

@@ -3,7 +3,7 @@
 
 import type { AppGraphClient } from "../Utility/GraphClient";
 import { InternalAppError, writeDebugInfo } from "../Utility/Utility";
-import { validateGUID, validateDate } from "../Utility/Validators";
+import { validateDate, validateGUID } from "../Utility/Validators";
 
 // Export the version of the app
 export const appVersion = "1.1.0";

User-Interface/src/components/CommissionPawsPanel/CommissionPawsPanelContent/CommissionPawsPanelContent.tsx

@@ -1,15 +1,13 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 
+import { FocusZone, FocusZoneDirection, IStackStyles, IStackTokens, SearchBox, Selection, Stack } from '@fluentui/react';
 import React, { useMemo, useState } from 'react';
-import { SearchBox } from '@fluentui/react/lib/SearchBox';
-import { Stack, IStackTokens, IStackStyles } from '@fluentui/react/lib/Stack';
-import { SelectedItems } from './SelectedItems/SelectedItems';
-import { Selection, FocusZone, FocusZoneDirection } from '@fluentui/react';
 import { RootStateOrAny, useDispatch, useSelector } from 'react-redux';
 import { IDeviceItem } from '../../../models';
 import { SELECT_DEVICES_TO_COMMISSION_PAW } from '../../../store/actions/pawActions';
 import { FilteredItems } from './FilteredItems/FilteredItems';
+import { SelectedItems } from './SelectedItems/SelectedItems';
 
 export const CommissionPawsPanelContent = () => {
     const dispatch = useDispatch();

User-Interface/src/components/CommissionPawsPanel/CommissionPawsPanelFooter/CommissionPawsPanelFooter.tsx

@@ -1,8 +1,7 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 
-import { DefaultButton, PrimaryButton } from '@fluentui/react/lib/components/Button';
-import { IStackTokens, Stack } from '@fluentui/react/lib/components/Stack';
+import { DefaultButton, IStackTokens, PrimaryButton, Stack } from '@fluentui/react';
 import React, { useCallback } from 'react';
 import { RootStateOrAny, useDispatch, useSelector } from 'react-redux';
 import { commissionPaws } from '../../../store/actions/pawActions';

User-Interface/src/components/DeviceContainer/DeviceContainer.tsx

@@ -1,18 +1,18 @@
 // Copyright (c) Microsoft Corporation.
 // Licensed under the MIT license.
 
-import React, { useEffect } from 'react';
-import { DefaultPalette, IStackStyles, Stack, ThemeProvider, } from '@fluentui/react';
+import { DefaultPalette, IStackStyles, Stack, ThemeProvider } from '@fluentui/react';
 import { useBoolean } from '@fluentui/react-hooks';
-import { PawActions } from '../PawActions';
-import { DeviceItemList } from '../DeviceItemList/DeviceItemList';
-import { Header } from '../Header/Header';
 import { initializeIcons } from '@fluentui/react/lib/Icons';
+import React, { useEffect } from 'react';
 import { RootStateOrAny, useDispatch, useSelector } from 'react-redux';
 import { getPaws } from '../../store/actions/pawActions';
-import { CommissionPawsPanel } from '../CommissionPawsPanel';
-import { LeftNav } from '../LeftNav/LeftNav';
 import { darkTheme } from '../../themes';
+import { CommissionPawsPanel } from '../CommissionPawsPanel';
+import { DeviceItemList } from '../DeviceItemList/DeviceItemList';
+import { Header } from '../Header/Header';
+import { LeftNav } from '../LeftNav/LeftNav';
+import { PawActions } from '../PawActions';
 
 initializeIcons(/* optional base url */);
 

User-Interface/src/components/PawActions/PawActions.tsx

@@ -1,12 +1,8 @@
+import { CommandBar, DefaultButton, Dialog, DialogFooter, DialogType, ICommandBarItemProps, PrimaryButton, Spinner, Stack } from '@fluentui/react';
+import { useBoolean } from '@fluentui/react-hooks';
 import React, { useCallback, useMemo } from 'react';
-import { CommandBar, ICommandBarItemProps } from '@fluentui/react/lib/CommandBar';
-import { Dialog, DialogType, DialogFooter } from '@fluentui/react/lib/Dialog';
-import { useBoolean } from '@fluentui/react-hooks'
 import { RootStateOrAny, useDispatch, useSelector } from 'react-redux';
-import { DefaultButton, PrimaryButton } from '@fluentui/react/lib/Button';
-import { Stack } from '@fluentui/react/lib/Stack';
 import { decommissionPaws, getPaws } from '../../store/actions/pawActions';
-import { Spinner } from '@fluentui/react';
 
 interface IPawActionsProps {
   onCommissionPaws: () => void;