Add summary page (canada-ca#551)

* Create summary card

* Actually add the summary card to git

* Allow DmarcReportPage.js to generate donut using graphql data

* Add scroll section as a prop for SummaryCard.js

* Add DmarcTimeGraph.js

* Add fully aligned table, columns for other tables

* All tables filled, added to ReportPage

* Center ReportPage, title of DmarcReportTable stays with mobile

* Move report table header to button

* Make report page center properly

* Update to new doughnut schema

* Updated with new yealy report schema

* Add more fields for withPseudoBox wrapper, donut resizing works better

* Add screen dependant sizes for report page

* Maximize donut size in container

* Add simple pagination to tables, donut and graph are inline when available

* Make report page use new calls for donut

* Use new bar graph query

* Add comments

* Add more comments

* Update frontend queries and faker

* Update dmarc summary tables to new schema

* Code cleanup/prettify

* Add keys to report table elements where required

* Add table initial sort as prop, code cleanup, add keys in summarycard and churro chart

* Add prop validation for withPseudoBox.js

* Update tables to use more categories

* Clean up faker/queries

* Remove unused imports from App.js

* Fix faker file

* Make donuts work again

* Change donuts to calculate total for categories properly (ignoring total and __typename_

* Slider works (now bonus info)

* Churro chart to 100% height (percentage based now)

* Combine summary card percent and number areas with sorting/formatting

* Updated dmarc bar graph

* Updated dmarc doughnut

* Bar graphs are no more, welcome the churro chart

* Create demo churro chart query

* Create demo doughnut query

* Adjust summary card badges, use theme for colors in time DmarcTimeGraph.js

* Add missing demo query for detailed tables

* Fixing typo

* More typo fixes

* Allow table horizontal scroll, fix border overflow

* Add better pagination buttons

* Prettier pagination

* Update card and churro chart to new simplified categories

* Use date as data key for churro chart ('JAN-19')

* Add validation to goto page field for summary tables

* Fix faker

* Use new queries for summary page

* Update faker with example cases

* Fix return format for demo queries

* Code cleanup, prettified

* Add dmarc report page test

* Add dmarc report table and summary list (bar chart) tests

* Update SummaryCard.test.js

* Rename dmarc report summary graph, remove unused component

* Fix format of 'LAST30DAYS' label for DmarcReportSummaryGraph

* Remove comment from App.js, add aria-labels to pagination buttons

* Run prettier

* Add translations

* Add more translations

* Fix tests

* Fix comment

* Remove old schema

* Fix queries

* Translate summary graph dates

* Sort dates for summary graph

* Remove extra logging

* Translate "LAST30DAYS"

* Make report card and bar graph use separate instances of strengths

* Make summary card and graph inline dependant on screen width

* Lazy import DmarcReportPage.js

* Fix test

Author: FestiveKyle

frontend/package-lock.json

@@ -38,6 +38,7 @@
     "react-dom": "^16.13.1",
     "react-minimal-pie-chart": "^8.0.1",
     "react-router-dom": "^5.2.0",
+    "react-swipe": "^6.0.4",
     "react-table": "^7.1.0",
     "react-test-renderer": "^16.13.1",
     "recharts": "^1.8.5",