chore: add OTP blog, updates tags, fix image code

[perkinsjr]

What does this PR do?

1. Adds OTP blog
2. Changes engineering tags to tutorials for actual tutorials
3. Allows alt to be used and also unoptimized when needed for example a gif that can't be optimized

Type of change

• Bug fix (non-breaking change which fixes an issue)
• Chore (refactoring code, technical debt, workflow improvements)
• Enhancement (small improvements)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that would cause existing functionality to not work as expected)
• This change requires a documentation update

How should this be tested?

N/A

Checklist

Required

• Filled out the "How to test" section in this PR
• Read Contributing Guide
• Self-reviewed my own code
• Commented on my code in hard-to-understand areas
• Ran pnpm build
• Ran pnpm fmt
• Checked for warnings, there are none
• Removed all console.logs
• Merged the latest changes from main onto my branch with git pull origin main
• My changes don't cause any responsiveness issues

Appreciated

• If a UI change was made: Added a screen recording or screenshots to this PR
• Updated the Unkey Docs if changes were necessary

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
www	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jul 18, 2024 5:57pm

4 Skipped Deployments

Name	Status	Preview	Comments	Updated (UTC)
dashboard	⬜️ Ignored (Inspect)	Visit Preview		Jul 18, 2024 5:57pm
planetfall	⬜️ Ignored (Inspect)	Visit Preview		Jul 18, 2024 5:57pm
play	⬜️ Ignored (Inspect)	Visit Preview		Jul 18, 2024 5:57pm
workflows	⬜️ Ignored (Inspect)	Visit Preview		Jul 18, 2024 5:57pm

[changeset-bot]

⚠️ No Changeset found

Latest commit: 4d92db2

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

[github-actions]

Thank you for following the naming conventions for pull request titles! 🙏

[chronark]

Needs an intro explaining the acronym OTP imo

[chronark]

Some code snippets use snake_case

[chronark]

Otherwise very 👌

[chronark]

lol did you really change to kebab-case?

[chronark]

That won’t even run now 😅

[perkinsjr]

Fixed.

[perkinsjr]

Before we merge I need to update the OG image

[chronark]

I just approved, nothing else 🙂

[chronark]

yeet it when you are ready