Use the actual current period on the usage page

Author: bonysureliya

components/dashboard/src/components/UsageView.tsx

@@ -41,9 +41,14 @@ function UsageView({ attributionId }: UsageViewProps) {
         const match = /#(\d{4}-\d{2}-\d{2}):(\d{4}-\d{2}-\d{2})/.exec(location.hash);
         if (match) {
             try {
-                setStartDate(dayjs(match[1], "YYYY-MM-DD"));
-                setEndDate(dayjs(match[2], "YYYY-MM-DD"));
+                const today = new Date();
+                const prevMonth = new Date(today.getFullYear(), today.getMonth() - 1, today.getDate());
+                const todayStr = today.toISOString().slice(0, 10);
+                const prevMonthStr = prevMonth.toISOString().slice(0, 10);
+                setStartDate(dayjs(prevMonthStr));
+                setEndDate(dayjs(todayStr));
             } catch (e) {
+                // Catches the Error
                 console.error(e);
             }
         }