refactor: Improve ConfigurationDescription animation

- Use Framer Motion for smooth flex and height animations
- Implement smooth opening and closing of description panel
- Adjust layout to prevent jumping during animation

Resolves issue with description panel flickering and jumpy behavior.

🤖 Generated with Claude Code

Author: gokulvij

thingconnect.pulse.client/obj/Debug/package.g.props

@@ -19,6 +19,7 @@
     <PackageJsonDependenciesTanstackReactQuery Condition="$(PackageJsonDependenciesTanstackReactQuery) == ''">^5.84.2</PackageJsonDependenciesTanstackReactQuery>
     <PackageJsonDependenciesAxios Condition="$(PackageJsonDependenciesAxios) == ''">^1.11.0</PackageJsonDependenciesAxios>
     <PackageJsonDependenciesDateFns Condition="$(PackageJsonDependenciesDateFns) == ''">^4.1.0</PackageJsonDependenciesDateFns>
+    <PackageJsonDependenciesFramerMotion Condition="$(PackageJsonDependenciesFramerMotion) == ''">^12.23.14</PackageJsonDependenciesFramerMotion>
     <PackageJsonDependenciesLodash Condition="$(PackageJsonDependenciesLodash) == ''">^4.17.21</PackageJsonDependenciesLodash>
     <PackageJsonDependenciesLucideReact Condition="$(PackageJsonDependenciesLucideReact) == ''">^0.541.0</PackageJsonDependenciesLucideReact>
     <PackageJsonDependenciesLuxon Condition="$(PackageJsonDependenciesLuxon) == ''">^3.7.1</PackageJsonDependenciesLuxon>

thingconnect.pulse.client/package-lock.json

@@ -20,6 +20,7 @@
     "@tanstack/react-query": "^5.84.2",
     "axios": "^1.11.0",
     "date-fns": "^4.1.0",
+    "framer-motion": "^12.23.14",
     "lodash": "^4.17.21",
     "lucide-react": "^0.541.0",
     "luxon": "^3.7.1",