Sample app frontend

[ctmphuongg]

"Fixes #5899"

Proposed Changes

Frontend of sample app for Knative eventing. Packages used: Next.js, node.js, TailwindCSS, next-themes In some components, I assume receiving an object with the defined attributes and make example objects using const. This will be changed when connected to backend and know backend object format. Remaining problems:

• Component CommentDisplay - Not figure out how to customize darkmode for 1 particular component yet.
• Haven't cleaned up unneccessary files yet.

Please look at other parts of the code and let me know if you need any changes. For the component CommentDisplay, please let me know if you have any suggestions as well. Thank you!

Current UI:

[knative-prow[bot]]

Welcome @ctmphuongg! It looks like this is your first PR to knative/docs 🎉

[netlify[bot]]

✅ Deploy Preview for knative ready!

Built without sensitive environment variables

Name	Link
🔨 Latest commit	9a8ca15d22a040a8c1aeccc81731546b21179583
🔍 Latest deploy log	https://app.netlify.com/sites/knative/deploys/660fe432172d3e0008df6fbf
😎 Deploy Preview	https://deploy-preview-5931--knative.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[ctmphuongg]

/cc @Leo6Leo

[pierDipi]

Thanks @ctmphuongg! This looks great!

[knative-prow[bot]]

[APPROVALNOTIFIER] This PR is APPROVED

This pull-request has been approved by: ctmphuongg, Leo6Leo

The full list of commands accepted by this bot can be found here.

The pull request process is described here

Needs approval from an approver in each of these files: - ~~[OWNERS](https://github.com/knative/docs/blob/main/OWNERS)~~ [Leo6Leo] Approvers can indicate their approval by writing `/approve` in a comment Approvers can cancel approval by writing `/approve cancel` in a comment