fix: add routable main collections home page

[SupakornNetsuwan]

I'd like to suggest creating a layouts directory under views/collections and move layout falling under the collections to views/collections/layouts folder

[changeset-bot]

⚠️ No Changeset found

Latest commit: 38bcf7b

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

[saenyakorn]

recheck ให้หน่อย ทำไมต้อง important

[SupakornNetsuwan]

เพราะว่า จากการเรียกใช้ Component SidebarHeader

<SidebarHeader className="border-border m-0 border-b pl-6 h-auto w-full!">...</SidebarHeader>

ภายใน Component มีการเรียกใช้

const header = tv({
  base: 'mb-2 flex flex-col **:data-[slot=sidebar-label-mask]:hidden',
  variants: {
    collapsed: {
      false: '',
      true: 'mt-2 group-data-[sidebar-intent=float]/sidebar-container:mt-2 md:mx-auto md:size-9 md:items-center md:justify-center md:p-0 md:hover:bg-(--sidebar-accent)',
    },
  },
})

1. ที่มาจากตัว Library ตรง md:size-9 ทำให้การกำหนด h-auto ธรรมดาไม่สามารถทำได้ ถูก size-9 override ไป
2. ที่มาจากตัว Library ตรง md:size-9 ทำให้การกำหนด w-full ธรรมดาไม่สามารถทำได้ ถูก size-9 override ไป เช่นกัน
3. จาก h-[68px]! สามารถเปลี่ยนเป็น h-[68px] ได้ครับ ✅

---

จริง ๆ สามารถเอา md:size-9 ออกได้จาก SidebarHeader ของ IntentUI แต่คิดว่าไม่ควรไปหยุมหยัมกับสิ่งที่ Library ให้มาเท่าไหร่ จะให้เอาออกไหมครับ

[saenyakorn]

ถ้าเป็น h-auto md:h-auto w-full md:w-full จะ work มั้ยนะ

[saenyakorn]

ส่วนอันข้างล่าง h-[68px] เฉย ๆ น่าจะ work นะ?

[saenyakorn]

Other than that, LGTM