Update subproject commit reference and improve styling in blog page

Author: 1aron

internal

@@ -24,15 +24,15 @@ export default async function Page(props: any) {
     return <>
         <main className='px:5x pt:12x pt:15x@sm'>
             <div className="mx:auto my:18x max-w:screen-md prose my:30x@sm">
-                <div className='bl:1|dotted|frame-lightest bt:1|dotted|frame-lightest grid-cols:1 grid-cols:2@sm grid-cols:3@md'>
+                <div className='bl:1|dotted|frame-lighter bt:1|dotted|frame-lighter grid-cols:1 grid-cols:2@sm grid-cols:3@md'>
                     {pageCategories
                         .map(({ pages }) => pages)
                         .flat()
                         .map((page: any, index: number) => {
                             const formattedDate = dayjs(page.date).format('ddd, MMMM D')
                             return (
-                                <div key={page.pathname + index} className={clsx('bb:1|dotted|frame-lightest br:1|dotted|frame-lightest')}>
-                                    <Link href={page.pathname} className={clsx('~background-color|.2s gap:5x p:6x p:12x@sm grid-cols:1 bg:surface:hover')}>
+                                <div key={page.pathname + index} className={clsx('bb:1|dotted|frame-lighter br:1|dotted|frame-lighter')}>
+                                    <Link href={page.pathname} className={clsx('~background-color|.2s gap:5x p:6x grid-cols:1 bg:surface:hover p:12x@sm')}>
                                         <div className="flex justify-content:space-between mb:-1x">
                                             <div className='text:12 fg:accent'>{formattedDate}</div>
                                             <div className='text:12 fg:light'> <TimeAgo timestamp={page.date} /></div>

site/app/[locale]/blog/page.tsx

@@ -10,7 +10,7 @@ import categories from '~/site/.categories/reference.json'
     {categories.find(category => category.name === 'Syntax').pages}
 </OverviewButtons>
 
-## Integration
+## Package
 <OverviewButtons>
     {categories.find(category => category.name === 'Package').pages}
 </OverviewButtons>