refactor(starter): upgrade and move to typescript

src/components/Sidebar/Copyright/Copyright.module.scss

@@ -4,6 +4,6 @@
 @import "../../../assets/scss/mixins";
 
 .copyright {
-  color: color.adjust($color-gray, 18%);
+  color: color.adjust($color-gray, $whiteness: 18%);
   font-size: $typographic-small-font-size;
 }

src/components/Sidebar/Copyright/Copyright.test.tsx

@@ -2,10 +2,11 @@ import React from "react";
 import renderer from "react-test-renderer";
 
 import { Copyright } from "@/components/Sidebar/Copyright";
+import * as mocks from "@/mocks";
 
 describe("Copyright", () => {
   it("renders correctly", () => {
-    const props = { copyright: "copyright" };
+    const props = { copyright: mocks.siteMetadata.site.siteMetadata.copyright };
     const tree = renderer.create(<Copyright {...props} />).toJSON();
     expect(tree).toMatchSnapshot();
   });

src/components/Sidebar/Copyright/Copyright.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import styles from "./Copyright.module.scss";
+import * as styles from "./Copyright.module.scss";
 
 type Props = {
   copyright: string;

src/components/Sidebar/Copyright/__snapshots__/Copyright.test.tsx.snap

@@ -1,9 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Copyright renders correctly 1`] = `
-<div
-  className="copyright"
->
-  copyright
+<div>
+  All rights reserved.
 </div>
 `;