fix: vertically centered no results found message (#270)

Co-authored-by: adeel.tajamul <adeel.tajamul@arbisoft.com>

src/discussions/posts/NoResults.jsx

@@ -22,7 +22,7 @@ function NoResults({ intl }) {
   }
 
   return (
-    <div className="h-100 mt-5 align-self-center mx-auto w-50 d-flex flex-column justify-content-center text-center">
+    <div className="h-100 align-self-center mx-auto w-50 d-flex flex-column justify-content-center text-center">
       <h4>{intl.formatMessage(messages.noResultsFound)}</h4>
       <small>{intl.formatMessage(helpMessage)}</small>
     </div>

src/discussions/posts/PostsView.jsx

@@ -75,12 +75,12 @@ function PostsView() {
   };
 
   return (
-    <div className="discussion-posts d-flex flex-column">
+    <div className="discussion-posts d-flex flex-column h-100">
       {
         searchString && <SearchInfo count={resultsFound} text={searchString} loadingStatus={loadingStatus} onClear={() => dispatch(setSearchQuery(''))} />
       }
       <PostFilterBar filterSelfPosts={showOwnPosts} />
-      <div className="list-group list-group-flush" role="list" onKeyDown={e => handleKeyDown(e)}>
+      <div className="list-group list-group-flush flex-fill" role="list" onKeyDown={e => handleKeyDown(e)}>
         {postsListComponent}
       </div>
     </div>