Migrate to @bsky.app/alf package (#9030)

* Add storybook shortcut in dev

* Migrate to alg pkg

* Migrate font_bold to new font_semi_bold

* Migrate font_heavy to font_bold

* Fix old theme refs

* Remove leading util

* Bump

* Revert "Add storybook shortcut in dev"

This reverts commit 7a86195c77fb5d449c7782e64ebabb6addfab919.

* Remove alf script

* Adjust font scale

* Bump

* Bump pkg

* Migrate values from conflicts

* Create default themes outside react

* Use built-in alf utils

* Migrate old font styles

* Remove unused tokens

* Move theme creation to more appropriate file

* Update button colors

* Adjust TextField colors, line heights

src/components/interstitials/Trending.tsx

@@ -82,7 +82,7 @@ export function Inner() {
                   style={[
                     t.atoms.text_contrast_medium,
                     a.text_sm,
-                    a.font_bold,
+                    a.font_semi_bold,
                   ]}>
                   {' '}
                 </Text>
@@ -101,7 +101,7 @@ export function Inner() {
                         style={[
                           t.atoms.text,
                           a.text_sm,
-                          a.font_bold,
+                          a.font_semi_bold,
                           {opacity: 0.7}, // NOTE: we use opacity 0.7 instead of a color to match the color of the home pager tab bar
                         ]}>
                         {topic.topic}

src/components/interstitials/TrendingVideos.tsx

@@ -82,7 +82,7 @@ export function TrendingVideos() {
           a.align_center,
           a.justify_between,
         ]}>
-        <Text style={[a.text_sm, a.font_bold, a.leading_snug]}>
+        <Text style={[a.text_sm, a.font_semi_bold, a.leading_snug]}>
           <Trans>Trending Videos</Trans>
         </Text>
         <Button