🐛 fix(dictComponent): fix placeholder text in input field to improve clarity and user experience

🔀 refactor(dictComponent): reorganize imports for better readability and maintainability

src/frontend/src/components/dictComponent/index.tsx

@@ -1,9 +1,9 @@
 import { useEffect } from "react";
 import { DictComponentType } from "../../types/components";
 
+import DictAreaModal from "../../modals/dictAreaModal";
 import { classNames } from "../../utils/utils";
 import { Input } from "../ui/input";
-import DictAreaModal from "../../modals/dictAreaModal";
 
 export default function DictComponent({
   value,
@@ -27,19 +27,19 @@ export default function DictComponent({
       {
         <div className="flex w-full gap-3">
           <DictAreaModal
-          value={value}
+            value={value}
-          onChange={(obj) => {
+            onChange={(obj) => {
-            onChange(obj);
+              onChange(obj);
-          }}
+            }}
           >
-          <Input
+            <Input
-            disabled={true}
+              disabled={true}
-            type="text"
+              type="text"
-            className={
+              className={
-              editNode ? "input-edit-node cursor-pointer" : "cursor-pointer"
+                editNode ? "input-edit-node cursor-pointer" : "cursor-pointer"
-            }
+              }
-            placeholder="Click edit your dictionary..."
+              placeholder="Click to edit your dictionary..."
-          />
+            />
           </DictAreaModal>
         </div>
       }