Add 8-hour lookback option for pop changes page

 * Use more standardized timezone on the barometer page that is supported by more browsers
 * Don't lazy-load the homepage

Author: Ameobea

frontend/package.json

@@ -55,7 +55,8 @@
     "production": [
       ">0.2%",
       "not dead",
-      "not op_mini all"
+      "not op_mini all",
+      "safari >= 13"
     ],
     "development": [
       "last 1 chrome version",

frontend/src/index.js

@@ -13,8 +13,8 @@ import { backgroundColor } from 'src/style';
 import Footer from 'src/components/Footer';
 import PageTracker from 'src/components/PageTracker';
 import Loading from 'src/components/Loading';
+import Home from 'src/screens/Home';
 
-const Home = React.lazy(() => import('src/screens/Home'));
 const Leaderboard = React.lazy(() => import('src/screens/Leaderboard'));
 const SymbolDetails = React.lazy(() => import('src/screens/SymbolDetails'));
 const PopularityChanges = React.lazy(() => import('src/screens/PopularityChanges'));

frontend/src/screens/Barometer/Timeseries.tsx

@@ -20,7 +20,7 @@ const fmtr = new Intl.DateTimeFormat('en-GB', {
   year: 'numeric',
   day: 'numeric',
   month: 'numeric',
-  timeZone: 'US/Eastern',
+  timeZone: 'America/New_York',
 });
 const formatDate = (input: string | null | Date) => {
   if (!input) {

frontend/src/screens/PopularityChanges.js

@@ -114,6 +114,7 @@ const Setting = withMobileProp({ maxDeviceWidth: 600 })(({ label, style = {}, fl
 const lookbackOptionLabels = {
   1: '~1-2 Hours',
   4: '4 Hours',
+  8: '8 Hours',
   24: '24 Hours',
   [24 * 3]: '3 Days',
   [24 * 7]: '1 Week',
@@ -201,7 +202,7 @@ export const fetchPopularityChangesData = ({ config, requestLargestPopularityCha
     startIndex: config.startIndex || 0,
   });
 
-const fetchAllData = ({ requestTotalSymbols, totalSymbols, selectedSymbol, ...props }, cb) => {
+const fetchAllData = ({ requestTotalSymbols, totalSymbols, selectedSymbol, ...props }) => {
   fetchPopularityChangesData(props);
 
   R.isNil(totalSymbols) && requestTotalSymbols();