feat(ui): add border to video post and trending cards

Added a border and low contrast border color to CompactVideoPostCard,
CompactVideoPostCardPlaceholder, and TrendingVideos card components for
improved visual separation.

src/components/VideoPostCard.tsx

@@ -424,6 +424,8 @@ export function CompactVideoPostCard({
               a.justify_center,
               a.rounded_lg,
               a.overflow_hidden,
+              a.border,
+              t.atoms.border_contrast_low,
               {
                 backgroundColor: black,
                 aspectRatio: 9 / 16,
@@ -444,6 +446,8 @@ export function CompactVideoPostCard({
                   a.inset_0,
                   a.justify_center,
                   a.align_center,
+                  a.border,
+                  t.atoms.border_contrast_low,
                   {
                     backgroundColor: 'black',
                     opacity: 0.2,
@@ -465,6 +469,8 @@ export function CompactVideoPostCard({
               a.justify_center,
               a.rounded_lg,
               a.overflow_hidden,
+              a.border,
+              t.atoms.border_contrast_low,
               {
                 backgroundColor: black,
                 aspectRatio: 9 / 16,
@@ -540,6 +546,8 @@ export function CompactVideoPostCardPlaceholder() {
         style={[
           a.rounded_lg,
           a.overflow_hidden,
+          a.border,
+          t.atoms.border_contrast_low,
           {
             backgroundColor: black,
             aspectRatio: 9 / 16,

src/components/interstitials/TrendingVideos.tsx

@@ -196,6 +196,8 @@ function VideoCards({
             a.align_center,
             a.flex_1,
             a.rounded_lg,
+            a.border,
+            t.atoms.border_contrast_low,
             t.atoms.bg,
             t.atoms.shadow_sm,
           ]}>