Updated panels to be async_components

• Updated:
- panels to be async_components

• Added:
- WrappedBundle

app/javascript/gabsocial/pages/search_page.js

@@ -2,12 +2,14 @@ import { defineMessages, injectIntl } from 'react-intl'
 import { BREAKPOINT_EXTRA_SMALL } from '../constants'
 import Responsive from '../features/ui/util/responsive_component'
 import PageTitle from '../features/ui/util/page_title'
-import LinkFooter from '../components/link_footer'
-import SearchFilterPanel from '../components/panel/search_filter_panel'
-import TrendsPanel from '../components/panel/trends_panel'
-import SignupPanel from '../components/panel/sign_up_panel'
 import Search from '../components/search'
 import Layout from '../layouts/layout'
+import {
+  LinkFooter,
+  TrendsPanel,
+  SearchFilterPanel,
+  SignUpPanel,
+} from '../features/ui/util/async_components'
 
 const messages = defineMessages({
   search: { id: 'search', defaultMessage: 'Search' },
@@ -65,10 +67,10 @@ class SearchPage extends PureComponent {
         tabs={tabs}
         page={`search.${qos}`}
         layout={[
-          <SignupPanel key='search-page-signup-panel' />,
-          <SearchFilterPanel key='search-page-search-panel' />,
-          <TrendsPanel key='search-page-trends-panel' />,
-          <LinkFooter key='search-page-link-footer' />,
+          SignUpPanel,
+          SearchFilterPanel,
+          TrendsPanel,
+          LinkFooter,
         ]}
       >
         <PageTitle path={title} />