fix: replace useEffect with useLayoutEffect hook

pages/search.js

@@ -1,4 +1,10 @@
-import { useEffect, useState, useCallback, useRef } from "react";
+import {
+  useEffect,
+  useState,
+  useCallback,
+  useRef,
+  useLayoutEffect,
+} from "react";
 import { useRouter } from "next/router";
 import UserHorizontal from "@components/user/UserHorizontal";
 import Alert from "@components/Alert";
@@ -93,7 +99,7 @@ export default function Search({
       setNotFound(`${username} not found`);
     }
   }, [username]);
-  useEffect(() => {
+  useLayoutEffect(() => {
     if (searchInputRef.current) {
       searchInputRef.current.focus();
     }