ESLint: Add rule to sort imports alphabetically

The `import/order` rule isn't enough to sort import within a single import group alphabetically.

This adds `sort-imports` rule that handles the sorting within groups.

src/Components/CreateImageWizard/steps/Packages/PackageRecommendations.tsx

@@ -3,6 +3,8 @@ import React, { useEffect, useState } from 'react';
 import {
   Alert,
   Button,
+  Content,
+  ContentVariants,
   ExpandableSection,
   Flex,
   FlexItem,
@@ -12,8 +14,6 @@ import {
   PanelMainBody,
   Popover,
   Spinner,
-  Content,
-  ContentVariants,
 } from '@patternfly/react-core';
 import { HelpIcon, OptimizeIcon } from '@patternfly/react-icons';
 import { Table, Tbody, Td, Th, Thead, Tr } from '@patternfly/react-table';

src/Components/CreateImageWizard/steps/Packages/Packages.tsx

@@ -3,6 +3,7 @@ import React, { ReactElement, useEffect, useMemo, useState } from 'react';
 import {
   Bullseye,
   Button,
+  Content,
   DescriptionList,
   DescriptionListDescription,
   DescriptionListGroup,
@@ -14,6 +15,9 @@ import {
   EmptyStateVariant,
   Icon,
   Modal,
+  ModalBody,
+  ModalFooter,
+  ModalHeader,
   Pagination,
   PaginationVariant,
   Popover,
@@ -23,15 +27,11 @@ import {
   Tab,
   Tabs,
   TabTitleText,
-  Content,
   ToggleGroup,
   ToggleGroupItem,
   Toolbar,
   ToolbarContent,
   ToolbarItem,
-  ModalHeader,
-  ModalBody,
-  ModalFooter,
 } from '@patternfly/react-core';
 import {
   CheckCircleIcon,
@@ -66,33 +66,33 @@ import {
 } from '../../../../constants';
 import { useGetArchitecturesQuery } from '../../../../store/backendApi';
 import {
-  ApiRepositoryResponseRead,
-  useCreateRepositoryMutation,
-  useListRepositoriesQuery,
-  useSearchRpmMutation,
-  useSearchPackageGroupMutation,
-  ApiSearchRpmResponse,
   ApiPackageSourcesResponse,
+  ApiRepositoryResponseRead,
+  ApiSearchRpmResponse,
+  useCreateRepositoryMutation,
   useGetTemplateQuery,
+  useListRepositoriesQuery,
+  useSearchPackageGroupMutation,
+  useSearchRpmMutation,
 } from '../../../../store/contentSourcesApi';
 import { useAppSelector } from '../../../../store/hooks';
 import { Package } from '../../../../store/imageBuilderApi';
 import {
+  addGroup,
+  addModule,
+  addPackage,
+  addRecommendedRepository,
+  removeGroup,
+  removeModule,
+  removePackage,
+  removeRecommendedRepository,
   selectArchitecture,
-  selectPackages,
-  selectGroups,
   selectCustomRepositories,
   selectDistribution,
-  addPackage,
-  removePackage,
-  addGroup,
-  removeGroup,
-  addRecommendedRepository,
-  removeRecommendedRepository,
-  selectRecommendedRepositories,
-  addModule,
-  removeModule,
+  selectGroups,
   selectModules,
+  selectPackages,
+  selectRecommendedRepositories,
   selectTemplate,
 } from '../../../../store/wizardSlice';
 import {

src/Components/CreateImageWizard/steps/Packages/components/CustomHelperText.tsx

@@ -1,9 +1,9 @@
 import React from 'react';
 
 import {
+  FormHelperText,
   HelperText,
   HelperTextItem,
-  FormHelperText,
 } from '@patternfly/react-core';
 import { ExclamationCircleIcon } from '@patternfly/react-icons';
 export type HelperTextVariant =

src/Components/CreateImageWizard/steps/Packages/components/PackageInfoNotAvailablePopover.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Button, Popover, Content } from '@patternfly/react-core';
+import { Button, Content, Popover } from '@patternfly/react-core';
 import { HelpIcon } from '@patternfly/react-icons';
 
 const PackageInfoNotAvailablePopover = () => {

src/Components/CreateImageWizard/steps/Packages/components/RepoPopovers.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 
-import { Button, Popover, Content } from '@patternfly/react-core';
+import { Button, Content, Popover } from '@patternfly/react-core';
 import { HelpIcon } from '@patternfly/react-icons';
 
 export const IncludedReposPopover = () => {