Entirely remove unused "drawer" concept

app/soapbox/features/search/index.js

@@ -13,12 +13,8 @@ const Search = ({ intl }) => (
   <div className='column search-page'>
     <ColumnHeader icon='search' title={intl.formatMessage(messages.heading)} />
     <SearchContainer autoSubmit />
-    <div className='drawer__pager'>
-      <div className='drawer__inner darker'>
     <SearchResultsContainer />
   </div>
-    </div>
-  </div>
 );
 
 Search.propTypes = {

app/styles/components/columns.scss

@@ -891,28 +891,3 @@
     border-top-right-radius: 0;
   }
 }
-
-// TODO: Get rid of whatever a "drawer" is
-// Probably rename to column-something
-.drawer__pager {
-  box-sizing: border-box;
-  padding: 0;
-  flex-grow: 1;
-  position: relative;
-  overflow: hidden;
-  display: flex;
-}
-
-.drawer__inner {
-  top: 0;
-  left: 0;
-  background: var(--foreground-color);
-  box-sizing: border-box;
-  padding: 0;
-  display: flex;
-  flex-direction: column;
-  overflow: hidden;
-  overflow-y: auto;
-  width: 100%;
-  height: 100%;
-}

app/styles/components/list-forms.scss

@@ -14,16 +14,6 @@
     border-radius: 8px 8px 0 0;
   }
 
-  .drawer__inner {
-    border-radius: 0 0 8px 8px;
-
-    &.backdrop {
-      width: calc(100% - 60px);
-      box-shadow: 2px 4px 15px rgba($base-shadow-color, 0.4);
-      border-radius: 0 0 0 8px;
-    }
-  }
-
   &__accounts {
     background: var(--background-color);
     overflow-y: auto;

app/styles/components/search.scss

@@ -166,10 +166,6 @@
 }
 
 .search-page {
-  .drawer__inner:not(:empty) {
-    min-height: 48px;
-  }
-
   .search {
     padding: 10px 15px;
     border-bottom: 1px solid hsla(var(--primary-text-color_hsl), 0.2);
@@ -184,14 +180,6 @@
   .search__icon .svg-icon {
     right: 24px;
   }
-
-  .drawer__pager {
-    border-radius: 0 0 10px 10px;
-
-    @media screen and (max-width: 450px) {
-      border-radius: 0;
-    }
-  }
 }
 
 .search-results {