handle like comments data, req for update comments and add loading for like comment && search specialty with searchbar in doctors page && set category and specialty data

app/component/comment/Field.js

@@ -1,12 +1,13 @@
 import { TextField } from "@mui/material";
 
-function Field({ title, type, multiline, isPlaceHolder }) {
+function Field({ title, type, updateValue, value, multiline, isPlaceHolder }) {
   return (
     <TextField
       placeholder={isPlaceHolder && title}
       label={!isPlaceHolder ? title : ""}
       type={type || "text"}
       className="!w-full !mx-auto !bg-transparent"
+      onChange={(e) => updateValue(e.target.value)}
       sx={{
         "& .MuiFormLabel-root": {
           top: "-4px !important",