feat: add Framer Motion page transitions

[EmeditWeb]

Problem

Pages load abruptly with no transition, so the app
feels static.

What To Build

Wrap each page in a motion.div with:
initial: { opacity: 0, y: 16 }
animate: { opacity: 1, y: 0 }
exit: { opacity: 0, y: -8 }
transition: { duration: 0.2 }

Create src/components/layout/PageTransition.tsx
and use it in Layout.tsx wrapping the children.

Also add stagger animations to card grids:
Each card fades in 0.1s after the previous one.

Files To Touch

• src/components/layout/PageTransition.tsx (new)
• src/components/layout/Layout.tsx
• src/pages/Home.tsx (section animations)

Acceptance Criteria

• Pages fade in smoothly on navigation
• Cards stagger on home page
• No jarring flash on load
• Animation does not delay content

Mandatory Checks Before PR

• npm run build passes
• No any types
• PR references this issue

[Iwayemi-Kehinde]

I would like to work on this issue as I have reviewed the scope, I should have a PR Ready in 50 minutes.