frontend: fix stylistic/indent rules by make webfix

Author: thisconnect

frontends/web/src/components/aopp/verifyaddress.tsx

@@ -21,9 +21,9 @@ import { Button } from '@/components/forms';
 import { WaitDialog } from '@/components/wait-dialog/wait-dialog';
 
 type TProps = {
-    accountCode: accountAPI.AccountCode;
-    address: string;
-    addressID: string;
+  accountCode: accountAPI.AccountCode;
+  address: string;
+  addressID: string;
 }
 
 export const VerifyAddress = ({ accountCode, address, addressID }: TProps) => {

frontends/web/src/components/bluetooth/connection-issues-dialog.tsx

@@ -20,8 +20,8 @@ import { A } from '@/components/anchor/anchor';
 import styles from './connection-issues-dialog.module.css';
 
 type Props = {
-    dialogOpen: boolean
-    onClose: () => void
+  dialogOpen: boolean
+  onClose: () => void
 }
 export const ConnectionIssuesDialog = ({ dialogOpen, onClose }: Props) => {
   const { t } = useTranslation();

frontends/web/src/components/contentwrapper/contentwrapper.tsx

@@ -18,9 +18,9 @@ import { ReactNode } from 'react';
 import style from './contentwrapper.module.css';
 
 type TProps = {
-    className?: string
-    children: ReactNode
-  }
+  className?: string
+  children: ReactNode
+}
 
 export const ContentWrapper = (({ className = '', children }: TProps) => {
   return (

frontends/web/src/components/copy/Copy.tsx

@@ -21,13 +21,13 @@ import { Check, Copy } from '@/components/icon/icon';
 import style from './Copy.module.css';
 
 type TProps = {
-    alignLeft?: boolean;
-    alignRight?: boolean;
-    borderLess?: boolean;
-    className?: string;
-    disabled?: boolean;
-    flexibleHeight?: boolean;
-    value: string;
+  alignLeft?: boolean;
+  alignRight?: boolean;
+  borderLess?: boolean;
+  className?: string;
+  disabled?: boolean;
+  flexibleHeight?: boolean;
+  value: string;
 }
 
 export const CopyableInput = ({ alignLeft, alignRight, borderLess, value, className, disabled, flexibleHeight }: TProps) => {

frontends/web/src/components/forms/checkbox.tsx

@@ -19,9 +19,9 @@ import { FunctionComponent } from 'react';
 import styles from './checkbox.module.css';
 
 type CheckboxProps = JSX.IntrinsicElements['input'] & {
-    label?: string;
-    id: string;
-    checkboxStyle?: 'default' | 'info' | 'warning' | 'success';
+  label?: string;
+  id: string;
+  checkboxStyle?: 'default' | 'info' | 'warning' | 'success';
 }
 
 export const Checkbox: FunctionComponent<CheckboxProps> = ({

frontends/web/src/components/forms/input.tsx

@@ -19,14 +19,14 @@ import { ChangeEvent, HTMLProps, forwardRef } from 'react';
 import styles from './input.module.css';
 
 export type TInputProps = {
-    align?: 'left' | 'right';
-    children?: React.ReactNode;
-    className?: string;
-    error?: string | object;
-    onInput?: (e: ChangeEvent<HTMLInputElement>) => void;
-    transparent?: boolean;
-    labelSection?: JSX.Element | undefined;
-    label?: string;
+  align?: 'left' | 'right';
+  children?: React.ReactNode;
+  className?: string;
+  error?: string | object;
+  onInput?: (e: ChangeEvent<HTMLInputElement>) => void;
+  transparent?: boolean;
+  labelSection?: JSX.Element | undefined;
+  label?: string;
 } & Omit<HTMLProps<HTMLInputElement>, 'onInput'>
 
 export const Input = forwardRef<HTMLInputElement, TInputProps>(({

frontends/web/src/components/guide/entry.tsx

@@ -20,18 +20,18 @@ import { A } from '@/components/anchor/anchor';
 import style from './guide.module.css';
 
 export type TEntryProp = {
-    title: string;
+  title: string;
+  text: string;
+  link?: {
+    url?: string;
     text: string;
-    link?: {
-        url?: string;
-        text: string;
-    };
+  };
 }
 
 type TEntryProps = {
-    entry: TEntryProp;
-    shown?: boolean;
-    children?: ReactNode;
+  entry: TEntryProp;
+  shown?: boolean;
+  children?: ReactNode;
 }
 
 type TProps = TEntryProps;

frontends/web/src/components/guide/guide.tsx

@@ -25,8 +25,8 @@ import style from './guide.module.css';
 
 
 export type TProps = {
-    children?: ReactNode;
-    title?: string
+  children?: ReactNode;
+  title?: string
 }
 
 const Guide = ({ children, title = t('guide.title') }: TProps) => {

frontends/web/src/components/headerssync/headerssync.tsx

@@ -25,7 +25,7 @@ import { AsciiSpinner } from '@/components/spinner/ascii';
 import style from './headerssync.module.css';
 
 export type TProps = {
-    coinCode: CoinCode;
+  coinCode: CoinCode;
 }
 
 export const HeadersSync = ({ coinCode }: TProps) => {

frontends/web/src/components/language/language.tsx

@@ -23,7 +23,7 @@ import style from './language.module.css';
 import { getSelectedIndex } from '@/utils/language';
 
 type TLanguageSwitchProps = {
-    languages?: TLanguagesList;
+  languages?: TLanguagesList;
 }
 
 const LanguageSwitch = ({ languages }: TLanguageSwitchProps) => {