fix: replace motion/react imports with framer-motion + rounded content panel

- 4 files imported from 'motion/react' which was the removed 'motion' package.
  Replaced with 'framer-motion' (the package actually installed).
- Dashboard content area now has rounded corners, subtle border, and inset
  margin creating a "panel inside shell" visual separation from the sidebar.

components/ui/area-chart.tsx

@@ -12,7 +12,7 @@ import {
   motion,
   useMotionTemplate,
   useSpring,
-} from "motion/react";
+} from "framer-motion";
 import {
   Children,
   createContext,

components/ui/bar-chart.tsx

@@ -9,7 +9,7 @@ import {
   AnimatePresence,
   motion,
   useSpring,
-} from "motion/react";
+} from "framer-motion";
 import {
   Children,
   createContext,

components/ui/funnel-chart.tsx

@@ -1,6 +1,6 @@
 "use client";
 
-import { motion, useSpring, useTransform } from "motion/react";
+import { motion, useSpring, useTransform } from "framer-motion";
 import {
   type CSSProperties,
   type ReactNode,