eslint: use semicolon TypeScript delimeter

src/components/dropdown-menu/dropdown-menu-item.tsx

@@ -5,23 +5,23 @@ import { useHistory } from 'react-router-dom';
 import { Counter, Icon } from '../ui';
 
 export interface MenuItem {
-  action?: React.EventHandler<React.KeyboardEvent | React.MouseEvent>
-  active?: boolean
-  count?: number
-  destructive?: boolean
-  href?: string
-  icon?: string
-  meta?: string
-  middleClick?(event: React.MouseEvent): void
-  target?: React.HTMLAttributeAnchorTarget
-  text: string
-  to?: string
+  action?: React.EventHandler<React.KeyboardEvent | React.MouseEvent>;
+  active?: boolean;
+  count?: number;
+  destructive?: boolean;
+  href?: string;
+  icon?: string;
+  meta?: string;
+  middleClick?(event: React.MouseEvent): void;
+  target?: React.HTMLAttributeAnchorTarget;
+  text: string;
+  to?: string;
 }
 
 interface IDropdownMenuItem {
-  index: number
-  item: MenuItem | null
-  onClick?(): void
+  index: number;
+  item: MenuItem | null;
+  onClick?(): void;
 }
 
 const DropdownMenuItem = ({ index, item, onClick }: IDropdownMenuItem) => {

src/components/dropdown-menu/dropdown-menu.tsx

@@ -18,16 +18,16 @@ import type { Status } from 'soapbox/types/entities';
 export type Menu = Array<MenuItem | null>;
 
 interface IDropdownMenu {
-  children?: React.ReactElement
-  disabled?: boolean
-  items: Menu
-  onClose?: () => void
-  onOpen?: () => void
-  onShiftClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>
-  placement?: Placement
-  src?: string
-  status?: Status
-  title?: string
+  children?: React.ReactElement;
+  disabled?: boolean;
+  items: Menu;
+  onClose?: () => void;
+  onOpen?: () => void;
+  onShiftClick?: React.EventHandler<React.MouseEvent | React.KeyboardEvent>;
+  placement?: Placement;
+  src?: string;
+  status?: Status;
+  title?: string;
 }
 
 const listenerOptions = supportsPassiveEvents ? { passive: true } : false;