lw8: improve mobile responsiveness

apps/www/components/LaunchWeek/8/LaunchWeekLogoHeader.tsx

@@ -9,7 +9,7 @@ export function LaunchWeekLogoHeader() {
           <span className="block">August 7th–11th, 2023</span>
           <span>9:00 AM PT</span>
         </p>
-        <div className="text-[#9296AA]">
+        <div className="text-[#9296AA] px-4">
           Join us in a week of announcing new features. <br className="hidden md:block" />
           Connect with GitHub to generate your unique ticket and contribute to the constellation.
           <span className="inline sm:block">

apps/www/components/LaunchWeek/8/Releases/LWAnnouncement.tsx

@@ -18,7 +18,11 @@ const LWAnnouncement = ({ title }: { title?: string }) => {
             <div className="relative flex-shrink flex items-center p-2 w-2/3 md:w-auto">
               <div className="flex flex-col gap-1 sm:pl-2">
                 <div className="flex items-center gap-2">
-                  <div className={['flex min-w-[20px] opacity-50', 'opacity-pulse'].join(' ')}>
+                  <div
+                    className={['hidden sm:flex min-w-[20px] opacity-50', 'opacity-pulse'].join(
+                      ' '
+                    )}
+                  >
                     <svg
                       width="21"
                       height="21"

apps/www/components/LaunchWeek/8/Releases/components/index.tsx

@@ -165,7 +165,12 @@ export const AccordionHeader = ({
   <div
     className={['flex flex-1 justify-between items-stretch scroll-mt-20 text-scale-900'].join(' ')}
   >
-    <div className={['flex', shippable && shipped ? 'items-stretch' : 'flex-row'].join(' ')}>
+    <div
+      className={[
+        'flex flex-1',
+        shippable && shipped ? 'items-stretch' : 'flex-row items-center',
+      ].join(' ')}
+    >
       <div className="flex gap-4 w-full sm:w-auto sm:min-w-[240px] md:min-w-[380px] items-center">
         <span className="text-sm">
           <span className="inline sm:hidden md:inline">{weekDay} </span>

packages/ui/src/layout/banners/LWAnnouncement.tsx

@@ -58,7 +58,11 @@ const LWAnnouncement = ({
             <div className="relative flex-shrink flex items-center p-2 w-2/3 md:w-auto">
               <div className="flex flex-col gap-1 sm:pl-2">
                 <div className="flex items-center gap-2">
-                  <div className={['flex min-w-[20px] opacity-50', 'opacity-pulse'].join(' ')}>
+                  <div
+                    className={['hidden sm:flex min-w-[20px] opacity-50', 'opacity-pulse'].join(
+                      ' '
+                    )}
+                  >
                     <svg
                       width="21"
                       height="21"