🎨 style(formModal): add custom-scroll class to Textarea component for custom styling

🎨 style(tailwind.config.js): add cursor: auto to scrollbar styles for better user experience

src/frontend/package-lock.json

@@ -3550,7 +3550,7 @@
       "version": "16.18.12",
       "resolved": "https://registry.npmjs.org/@types/node/-/node-16.18.12.tgz",
       "integrity": "sha512-vzLe5NaNMjIE3mcddFVGlAXN1LEWueUsMsOJWaT6wWMJGyljHAWHznqfnKUQWGzu7TLPrGvWdNAsvQYW+C0xtw==",
-      "dev": true
+      "devOptional": true
     },
     "node_modules/@types/parse-json": {
       "version": "4.0.0",
@@ -5596,7 +5596,6 @@
       "version": "2.3.2",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
       "integrity": "sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==",
-      "dev": true,
       "hasInstallScript": true,
       "optional": true,
       "os": [

src/frontend/src/modals/formModal/index.tsx

@@ -460,6 +460,7 @@ export default function FormModal({
                           </div>
                         )}
                         <Textarea
+                        className="custom-scroll"
                           value={
                             tabsState[id.current].formKeysData.input_keys[i]
                           }
@@ -520,6 +521,7 @@ export default function FormModal({
                         </div>
                       )}
                       <Textarea
+                        className="custom-scroll"
                         value={tabsState[id.current].formKeysData.input_keys[i]}
                         onChange={(e) => {
                           setTabsState((old) => {

src/frontend/tailwind.config.js

@@ -114,7 +114,7 @@ module.exports = {
       },
       fontFamily: {
         sans: ["var(--font-sans)", ...fontFamily.sans],
-      },
+      }
     },
   },
 
@@ -186,6 +186,7 @@ module.exports = {
           "&::-webkit-scrollbar-thumb:hover": {
             backgroundColor: "#bbb",
           },
+          "cursor": "auto"
         },
         ".dark .theme-attribution .react-flow__attribution": {
           backgroundColor: "rgba(255, 255, 255, 0.2)",