Refactor: update NodeDescription component to conditionally render character limit message (#5037)

* Refactor: Update NodeDescription component to conditionally render a character limit message

* [autofix.ci] apply automated fixes

* Refactor: update NoteNode inputClassName to remove unnecessary ring and focus styles (#5038)

refactor: Update NoteNode inputClassName to remove unnecessary ring and focus styles
Co-authored-by: Mike Fortman <michael.fortman@datastax.com>

src/frontend/src/CustomNodes/GenericNode/components/NodeDescription/index.tsx

@@ -109,7 +109,7 @@ export default function NodeDescription({
               }
             }}
           />
-          {charLimit && (
+          {charLimit && (nodeDescription?.length ?? 0) >= charLimit - 100 && (
             <div
               className={cn(
                 "pt-1 text-left text-[13px]",

src/frontend/src/CustomNodes/NoteNode/index.tsx

@@ -85,7 +85,7 @@ function NoteNode({
         >
           <NodeDescription
             inputClassName={cn(
-              "border-0 ring-transparent resize-none shadow-none rounded-sm h-full w-full",
+              "border-0 ring-0 focus:ring-0 resize-none shadow-none rounded-sm h-full w-full",
               COLOR_OPTIONS[bgColor] === null
                 ? ""
                 : "dark:!ring-background dark:text-background",