feat: make maquerade stateful

feat: implement loading screen

chore: update selector test

chore: fiter/sort padding

chore: update fail masquerade state

chore: update unit test

chore: Update src/containers/MasqueradeBar/index.jsx

Co-authored-by: Ben Warzeski <bwarzeski@edx.org>

chore: update test

Co-authored-by: Ben Warzeski <bwarzeski@edx.org>

chore: update snapshot

src/containers/CourseFilterControls/CourseFilterControls.jsx

@@ -92,7 +92,7 @@ export const CourseFilterControls = ({
                 <div className="filter-form-col">
                   <FilterForm {...{ filters, handleFilterChange }} />
                 </div>
-                <hr className="h-100 bg-primary-200 m-1" />
+                <hr className="h-100 bg-primary-200 mx-3 my-0" />
                 <div className="filter-form-col text-left m-1">
                   <SortForm {...{ sortBy, handleSortChange }} />
                 </div>

src/containers/CourseFilterControls/__snapshots__/CourseFilterControls.test.jsx.snap

@@ -98,7 +98,7 @@ exports[`CourseFilterControls snapshot is not mobile 1`] = `
           />
         </div>
         <hr
-          className="h-100 bg-primary-200 m-1"
+          className="h-100 bg-primary-200 mx-3 my-0"
         />
         <div
           className="filter-form-col text-left m-1"