fix: remove empty destructuring pattern/String type

pages/404.tsx

@@ -3,9 +3,7 @@ import { serverSideTranslations } from "next-i18next/serverSideTranslations";
 import { useRouter } from "next/router";
 import { GetStaticProps } from "next/types";
 
-interface Props {}
-
-function Custom404({}: Props): ReactElement {
+function Custom404(): ReactElement {
   const router = useRouter();
   if (typeof window !== "undefined") {
     router.push("/");

src/Common/InputTypes/AutoCompleteCountry.tsx

@@ -28,7 +28,7 @@ export default function CountrySelect(props: {
     | null
     | undefined;
   name: string | undefined;
-  defaultValue: String | undefined;
+  defaultValue: string | undefined;
   onValueChange: (value: string) => void;
 }) {
   const { t, ready } = useTranslation("country");

src/Donations/Components/SelectProject.tsx

@@ -13,9 +13,7 @@ import SearchIcon from "../../../public/assets/icons/SearchIcon";
 import themeProperties from "../../../styles/themeProperties";
 import { DONATE } from "src/Utils/donationStepConstants";
 
-interface Props {}
-
-function SelectProject({}: Props): ReactElement {
+function SelectProject(): ReactElement {
   const {
     selectedProjects,
     allProjects,

src/Donations/Micros/Authentication.tsx

@@ -18,9 +18,7 @@ import { Skeleton } from "@material-ui/lab";
 import { ContactDetails } from "src/Common/Types";
 import { User } from "src/Common/Types/user";
 
-interface Props {}
-
-function Authentication({}: Props): ReactElement {
+function Authentication(): ReactElement {
   const {
     setContactDetails,
     setshowErrorCard,

src/Donations/Micros/FrequencyOptions.tsx

@@ -2,9 +2,7 @@ import { useTranslation } from "next-i18next";
 import React, { ReactElement } from "react";
 import { QueryParamContext } from "../../Layout/QueryParamContext";
 
-interface Props {}
-
-function FrequencyOptions({}: Props): ReactElement {
+function FrequencyOptions(): ReactElement {
   const { paymentSetup, setfrequency, frequency } =
     React.useContext(QueryParamContext);
   const { t } = useTranslation(["common"]);

src/Donations/index.tsx

@@ -21,9 +21,7 @@ import { useRouter } from "next/router";
 import BackButton from "public/assets/icons/BackButton";
 import { FetchedProjectDetails } from "src/Common/Types";
 
-interface Props {}
-
-function Donations({}: Props): ReactElement {
+function Donations(): ReactElement {
   const router = useRouter();
 
   const { donationStep, setdonationStep } = React.useContext(QueryParamContext);