fix(placement): fix on site search (#12029)

* fix(placement): fix on site search

Move out of .main-page-content

* fix padding

Author: fiji-flo

Diff for: client/src/site-search/index.scss

@@ -8,10 +8,15 @@
 .site-search {
   display: block;
 
-  article {
+  .main-content {
     @media (max-width: $screen-md) {
       display: flex;
       flex-direction: column;
+      padding: 3rem 3rem 0;
+    }
+
+    article {
+      display: contents;
     }
 
     .place {

Diff for: client/src/site-search/index.tsx

@@ -56,8 +56,8 @@ export function SiteSearch() {
   return (
     <div className="main-wrapper site-search">
       <MainContentContainer>
+        <SidePlacement />
         <article className="main-page-content">
-          <SidePlacement />
           {query ? (
             <h1>
               Search results for: <span className="query-string">{query}</span>{" "}