Fix first loading of notifications when the column is pinned (#4114)

app/javascript/mastodon/features/ui/util/async-components.js

@@ -1,4 +1,5 @@
 import { store } from '../../../containers/mastodon';
+import { refreshNotifications } from '../../../actions/notifications';
 import { injectAsyncReducer } from '../../../store/configureStore';
 
 // NOTE: When lazy-loading reducers, make sure to add them
@@ -30,6 +31,8 @@ export function Notifications () {
   ]).then(([component, notificationsReducer]) => {
     injectAsyncReducer(store, 'notifications', notificationsReducer.default);
 
+    store.dispatch(refreshNotifications());
+
     return component;
   });
 }