Redesign social conversations and shared music

apps/web/src/widgets/AppShell.tsx

@@ -311,7 +311,7 @@ function Shell() {
 function ShellMain() {
   const key = useRouterState({ select: (st) => st.location.pathname });
   return (
-    <main id="content" className={s.content} tabIndex={-1}>
+    <main id="content" className={`${s.content} ${key === '/friends' ? s.socialContent : ''}`} tabIndex={-1}>
       <DesktopOfflineBanner />
       <ListeningBanner />
       <div key={key} className={s.routeIn}>