Delrifai/#412 verify account starts with @

1. Validated that account starts with @ else show the error page
2. Validated if the account starts with @, it is also not empty, and there is a username after it
3. Performed Sanity check on balance history and main account page to make sure all is working as expected

Changes applied for balanceHistory/@bkocktrades(balance history) and @blocktrades (main account)

pages/[accountName].tsx

@@ -24,7 +24,7 @@ import { Button } from "@/components/ui/button";
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
 import useConvertedAccountDetails from "@/hooks/common/useConvertedAccountDetails";
 import useDynamicGlobal from "@/hooks/api/homePage/useDynamicGlobal";
-
+import ErrorPage from "./ErrorPage";
 interface AccountSearchParams {
   accountName?: string | undefined;
   fromBlock: number | undefined;
@@ -98,6 +98,7 @@ export default function Account() {
       liveDataEnabled,
       dynamicGlobalData
     );
+
   const accountOperationsProps = {
     accountName: accountNameFromRoute,
     operationTypes: filtersParam.length
@@ -277,6 +278,15 @@ export default function Account() {
     }
   };
 
+  // get the accountName and treat it as a string
+  const routeAccountName = Array.isArray(router.query.accountName)
+    ? router.query.accountName[0] // If it's an array, get the first element
+    : router.query.accountName; // Otherwise, treat it as a string directly
+
+  if(routeAccountName  && !routeAccountName.startsWith("@") || !accountNameFromRoute) 
+  {
+    return <ErrorPage />;
+  }
   if (!accountDetails) {
     return (
       <Loader2 className="animate-spin mt-1 text-black dark:text-white h-12 w-12 ml-3 ..." />