chore: swap menu location

Author: joshuaellis

docs/app/components/Header/Header.tsx

@@ -184,12 +184,14 @@ const Head = styled(animated.header, {
 
 const FlexContainer = styled('div', {
   display: 'flex',
+  flexDirection: 'row-reverse',
   alignItems: 'center',
   justifyContent: 'space-between',
   width: '100%',
   px: '$25',
 
   '@tabletUp': {
+    flexDirection: 'row',
     px: '$50',
 
     /**

docs/app/components/Header/HeaderSidePanel.tsx

@@ -30,20 +30,20 @@ export const HeaderSidePanel = ({
 
   const transitions = useTransition(isOpen, {
     from: {
-      x: '-100%',
+      x: '100%',
       opacity: 0,
     },
     enter: {
       x: '0',
       opacity: 1,
     },
     leave: {
-      x: '-100%',
+      x: '100%',
       opacity: 0,
     },
     config: {
       tension: 210,
-      friction: 25,
+      friction: 30,
       mass: 1,
     },
   })
@@ -110,7 +110,6 @@ const MobileMenuOverlay = styled(animated.div, {
 
 const MobileMenu = styled(animated.div, {
   position: 'fixed',
-  left: 0,
   right: 0,
   top: 0,
   bottom: 0,