eslint: use semicolon TypeScript delimeter

src/features/groups/components/discover/group-grid-item.tsx

@@ -11,8 +11,8 @@ import GroupPrivacy from 'soapbox/features/group/components/group-privacy';
 import type { Group } from 'soapbox/schemas';
 
 interface IGroup {
-  group: Group
-  width?: number
+  group: Group;
+  width?: number;
 }
 
 const GroupGridItem = forwardRef((props: IGroup, ref: React.ForwardedRef<HTMLDivElement>) => {

src/features/groups/components/discover/group-list-item.tsx

@@ -9,8 +9,8 @@ import { Group as GroupEntity } from 'soapbox/types/entities';
 import { shortNumberFormat } from 'soapbox/utils/numbers';
 
 interface IGroupListItem {
-  group: GroupEntity
-  withJoinAction?: boolean
+  group: GroupEntity;
+  withJoinAction?: boolean;
 }
 
 const GroupListItem = (props: IGroupListItem) => {

src/features/groups/components/discover/layout-buttons.tsx

@@ -9,8 +9,8 @@ enum GroupLayout {
 }
 
 interface ILayoutButtons {
-  layout: GroupLayout
-  onSelect(layout: GroupLayout): void
+  layout: GroupLayout;
+  onSelect(layout: GroupLayout): void;
 }
 
 const LayoutButtons = ({ layout, onSelect }: ILayoutButtons) => (

src/features/groups/components/discover/search/blankslate.tsx

@@ -3,8 +3,8 @@ import React from 'react';
 import { Stack, Text } from 'soapbox/components/ui';
 
 interface Props {
-  title: React.ReactNode | string
-  subtitle: React.ReactNode | string
+  title: React.ReactNode | string;
+  subtitle: React.ReactNode | string;
 }
 
 export default ({ title, subtitle }: Props) => (

src/features/groups/components/discover/search/recent-searches.tsx

@@ -8,7 +8,7 @@ import { groupSearchHistory } from 'soapbox/settings';
 import { clearRecentGroupSearches } from 'soapbox/utils/groups';
 
 interface Props {
-  onSelect(value: string): void
+  onSelect(value: string): void;
 }
 
 export default (props: Props) => {

src/features/groups/components/discover/search/results.tsx

@@ -13,7 +13,7 @@ import LayoutButtons, { GroupLayout } from '../layout-buttons';
 import type { Group } from 'soapbox/types/entities';
 
 interface Props {
-  groupSearchResult: ReturnType<typeof useGroupSearch>
+  groupSearchResult: ReturnType<typeof useGroupSearch>;
 }
 
 const GridList: Components['List'] = React.forwardRef((props, ref) => {

src/features/groups/components/discover/search/search.tsx

@@ -12,8 +12,8 @@ import RecentSearches from './recent-searches';
 import Results from './results';
 
 interface Props {
-  onSelect(value: string): void
-  searchValue: string
+  onSelect(value: string): void;
+  searchValue: string;
 }
 
 export default (props: Props) => {

src/features/groups/components/discover/tag-list-item.tsx

@@ -7,7 +7,7 @@ import { Stack, Text } from 'soapbox/components/ui';
 import type { GroupTag } from 'soapbox/schemas';
 
 interface ITagListItem {
-  tag: GroupTag
+  tag: GroupTag;
 }
 
 const TagListItem = (props: ITagListItem) => {

src/features/groups/components/group-link-preview.tsx

@@ -4,7 +4,7 @@ import { Avatar, Button, CardTitle, Stack } from 'soapbox/components/ui';
 import { type Card as StatusCard } from 'soapbox/types/entities';
 
 interface IGroupLinkPreview {
-  card: StatusCard
+  card: StatusCard;
 }
 
 const GroupLinkPreview: React.FC<IGroupLinkPreview> = ({ card }) => {

src/features/groups/components/tab-bar.tsx

@@ -11,7 +11,7 @@ export enum TabItems {
 }
 
 interface ITabBar {
-  activeTab: TabItems
+  activeTab: TabItems;
 }
 
 const TabBar = ({ activeTab }: ITabBar) => {