Add age attribute to Card component

[sweep-ai[bot]]

PR Feedback (click)

• [ ] 👍 Sweep Did Well
• [ ] 👎 Sweep Needs Improvement

  Description

  This PR adds an 'age' attribute to the Card component in order to display the age of a person alongside their name. The 'age' attribute is added to the CardProps interface in the app/components/card.tsx file, and it is passed as a prop to the Card component in the app/page.tsx file.

Summary of Changes

• Modified app/components/card.tsx to add the 'age' attribute to the CardProps interface and display it in the Card component.
• Modified app/page.tsx to pass the 'age' prop to the Card component.

Please review and merge these changes.

Fixes #3.

---

🎉 Latest improvements to Sweep:

• Sweep can now passively improve your repository! Check out Rules to learn more.

---

💡 To get Sweep to edit this pull request, you can:

• Comment below, and Sweep can edit the entire PR
• Comment on a file, Sweep will only modify the commented file
• Edit the original issue to get Sweep to recreate the PR from scratch

[sweep-ai[bot]]

Sandbox Executions

• [X] Check app/components/card.tsx ✓

  Sandbox logs for https://github.com/danwill89/gen-ai/commit/730be78ca8a1234b180e3b2514171cf9ccb91879

npm i 1/4 ✓

added 292 packages, and audited 293 packages in 12s
107 packages are looking for funding
  run `npm fund` for details
found 0 vulnerabilities
npm notice 
npm notice New major version of npm available! 9.6.7 -> 10.2.2
npm notice Changelog: 
npm notice Run `npm install -g npm@10.2.2` to update!
npm notice 

trunk init 2/4 ✓

⡿ Downloading Trunk 1.17.1...
⡿ Downloading Trunk 1.17.1...
⢿ Downloading Trunk 1.17.1...
⣻ Downloading Trunk 1.17.1...
⣽ Downloading Trunk 1.17.1...
⣾ Downloading Trunk 1.17.1...
⣷ Downloading Trunk 1.17.1...
✔ Downloading Trunk 1.17.1... done
⡿ Verifying Trunk sha256...
✔ Verifying Trunk sha256... done
⡿ Unpacking Trunk...
✔ Unpacking Trunk... done

✔ 10 linters were enabled (.trunk/trunk.yaml)
  checkov 3.0.15 (4 json, 3 yaml files)
  eslint 8.52.0 (1 javascript, 3 typescript files)
  git-diff-check (20 files)
  markdownlint 0.37.0 (1 markdown file) (created .markdownlint.yaml)
  osv-scanner 1.4.2 (1 lockfile file)
  prettier 3.0.3 (2 css, 1 javascript, 3 json, 1 markdown, 1 sass, 3 typescript, 3 yaml files)
  svgo 3.0.2 (2 svg files) (created svgo.config.js)
  trivy 0.46.1 (3 yaml files)
  trufflehog 3.62.1 (21 files)
  yamllint 1.32.0 (3 yaml files) (created .yamllint.yaml)
Next Steps
 1. Read documentation
    Our documentation can be found at https://docs.trunk.io
 2. Get help and give feedback
    Join the Trunk community at https://slack.trunk.io

trunk fmt app/components/card.tsx || exit 0 3/4 ✓

 ✔ Formatted app/components/card.tsx
Re-checking autofixed files...

Checked 1 file
✔ No issues

trunk check --fix --print-failures app/components/card.tsx 4/4 ✓

Checked 1 file
✔ No issues

• [X] Check app/page.tsx ✓

  Sandbox logs for https://github.com/danwill89/gen-ai/commit/d42ac48b79f1c3d3890b0527935f82d6b4a0ba13

trunk fmt app/page.tsx || exit 0 1/2 ✓

 ✔ Formatted app/page.tsx
Re-checking autofixed files...

Checked 1 file
✔ No issues

trunk check --fix --print-failures app/page.tsx 2/2 ✓

Checked 1 file
✔ No issues

[sweep-ai[bot]]

Apply Sweep Rules to your PR?

• [ ] Apply: All docstrings and comments should be up to date.
• [ ] Apply: Code should be properly formatted and follow consistent indentation.
• [ ] Apply: Variable and function names should be descriptive and follow a consistent naming convention.
• [ ] Apply: There should be no commented out code or unused variables or functions.
• [ ] Apply: Code should be modular and follow the principle of separation of concerns.
• [ ] Apply: There should be no hard-coded values or magic numbers in the code.