refact: rename the outer element of PageNavigation

src/components/PageNavigation/index.tsx

@@ -13,7 +13,7 @@ interface IPageContentProps {
 
 export const PageNavigation: FC<IPageContentProps> = ({ previous, next }) => {
   return (
-    <SC.Content>
+    <SC.PageNavigationWrapper>
       {previous ? (
         <SC.PageContent>
           <SC.Text>Previous</SC.Text>
@@ -40,6 +40,6 @@ export const PageNavigation: FC<IPageContentProps> = ({ previous, next }) => {
       ) : (
         <div> </div>
       )}
-    </SC.Content>
+    </SC.PageNavigationWrapper>
   )
 }

src/components/PageNavigation/styles.tsx

@@ -3,7 +3,7 @@ import { Link } from "gatsby"
 import fontFamily from "../../design/typography"
 import ArrowRight from "../../icons/arrow-right.svg"
 
-export const Content = styled.div`
+export const PageNavigationWrapper = styled.div`
   display: flex;
   justify-content: space-between;
   align-content: center;