Fix RecordingsList propTypes and layout (#4641)

* Fix layout, fix PropTypes for Recording refactoring PR

* esf

* Add margin to Search Box

app/assets/stylesheets/recordings.scss

@@ -49,6 +49,14 @@
   }
 }
 
+#user-recordings {
+  padding-top: 0 !important;
+
+  .search-bar {
+    margin-top: 3rem;
+  }
+}
+
 .recordings-list {
   .recording-icon-circle {
     min-width: 40px;

app/javascript/components/recordings/RecordingsList.jsx

@@ -77,7 +77,9 @@ export default function RecordingsList({
 }
 
 RecordingsList.defaultProps = {
+  recordings: { data: [], meta: { page: 1, pages: 1 } },
   recordingsProcessing: 0,
+  searchInput: '',
 };
 
 RecordingsList.propTypes = {
@@ -97,10 +99,10 @@ RecordingsList.propTypes = {
       page: PropTypes.number,
       pages: PropTypes.number,
     }),
-  }).isRequired,
+  }),
   isLoading: PropTypes.bool.isRequired,
   setPage: PropTypes.func.isRequired,
-  searchInput: PropTypes.string.isRequired,
+  searchInput: PropTypes.string,
   setSearchInput: PropTypes.func.isRequired,
   recordingsProcessing: PropTypes.number,
 };