feat(blog): update supabase-twilio-otp-authentication-in-react

[alicanerdurmaz]

PR Checklist

Please check if your PR fulfills the following requirements:

• The commit message follows our guidelines: https://refine.dev/docs/guides-concepts/contributing/#commit-convention

Bugs / Features

• Related issue(s) linked
• Tests for the changes have been added
• Docs have been added / updated
• Changesets have been added https://refine.dev/docs/guides-concepts/contributing/#creating-a-changeset

What is the current behavior?

The Supabase OTP auth blog post and its example app were outdated and had drifted from each other.

The guide still referenced the old setup and resource flow, while the example app no longer matched the code snippets and UX shown in the post. The resource example was also based on countries, which is no longer the right fit for this walkthrough.

What is the new behavior?

This PR updates the blog post and the blog-refine-supabase-auth example to the current Refine v5 + shadcn/ui setup and keeps the docs aligned with the example app.

Notable changes:

• updates the blog setup flow to match current create refine-app output
• keeps the auth flow based on Supabase OTP and Twilio Verify
• refactors the example and docs from the old countries resource to the colors resource
• updates routing and app structure to the current @refinedev/react-router setup
• syncs all major code snippets in the blog with the example project
• improves the login flow UX:
  • Enter now submits the form
  • invalid OTP errors stay visible in the form
  • users can switch back to the send-code step
• adds a loading state to the colors table in the example and docs

[changeset-bot]

⚠️ No Changeset found

Latest commit: 50f9c2d

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