fix(LOY-10): My pages sidebar UI tweaks

app/[lang]/(live)/(protected)/my-pages/layout.module.css

@@ -23,7 +23,7 @@
 @media screen and (min-width: 1367px) {
   .content {
     gap: var(--Spacing-x5);
-    grid-template-columns: max(360px) 1fr;
+    grid-template-columns: max(340px) 1fr;
     padding-left: var(--Spacing-x5);
     padding-right: var(--Spacing-x5);
   }

components/MyPages/Sidebar/index.tsx

@@ -18,7 +18,9 @@ export default async function SidebarMyPages() {
   return (
     <aside className={styles.sidebar}>
       <nav className={styles.nav}>
-        <Subtitle type="two">{navigation?.title}</Subtitle>
+        <Subtitle type="two" color="baseTextHighContrast">
+          {navigation?.title}
+        </Subtitle>
         {navigation?.menuItems.map((menuItem, idx) => (
           <Fragment key={`${menuItem.display_sign_out_link}-${idx}`}>
             <Divider color="beige" />