Added shadow to node

src/frontend/src/customNodes/genericNode/index.tsx

@@ -339,7 +339,9 @@ export default function GenericNode({
   };
 
   const getBaseBorderClass = (selected) => {
-    let className = selected ? "border border-ring" : "border";
+    let className = selected
+      ? "border border-ring shadow-node"
+      : "border hover:shadow-node";
     let frozenClass = selected ? "border-ring-frozen" : "border-frozen";
     return data.node?.frozen ? frozenClass : className;
   };

src/frontend/src/style/applies.css

@@ -330,7 +330,7 @@
     @apply grid w-full gap-4 p-4 md:grid-cols-2 lg:grid-cols-4;
   }
   .generic-node-div {
-    @apply relative flex flex-col justify-center bg-background;
+    @apply relative flex flex-col justify-center bg-background transition-all;
   }
   .generic-node-div-title {
     @apply flex w-full items-center gap-2 border-b bg-muted p-4;

src/frontend/tailwind.config.js

@@ -143,6 +143,7 @@ module.exports = {
       },
       boxShadow: {
         "frozen-ring": "0 0 10px 2px rgba(128, 190, 230, 0.5)",
+        node: "0 0px 15px -3px rgb(0 0 0 / 0.1), 0 0px 6px -4px rgb(0 0 0 / 0.1);",
         "frosted-ring": "0 0 10px 2px rgba(128, 190, 230, 0.7)",
       },
       backdropBlur: {