feat(docs): wrap div that follow docs direction around the code elements

[Sboonny]

Closes #1037

✅ Checklist

• I have followed every step in the contributing guide (updated 2022-10-06).
• The PR title follows the convention we established conventional-commit
• I performed a functional test on my final commit

---

Changelog

• removed tailwind classes from global.css
• wrapped div around code elements
• add tailwind classes to the div element

---

Screenshots

💯

[changeset-bot]

⚠️ No Changeset found

Latest commit: 51b5500

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated
create-t3-app	✅ Ready (Inspect)	Visit Preview	💬 Add your feedback	Jan 18, 2023 at 10:37PM (UTC)

[github-actions]

⚡️ Lighthouse report for the changes in this PR:

Category	Score
🟠 Performance	77
🟢 Accessibility	100
🟢 Best practices	100
🟠 SEO	86
🟠 PWA	54

Lighthouse ran on https://create-t3-app-git-fork-sboonny-feat-wrap-border-a-10de30-t3-oss.vercel.app/