feat: add button and link as button component

client/src/components/Button/index.js

@@ -1,8 +1,8 @@
 import React from 'react'
 
-function Button({textToDisplay}) {
+function Button({textToDisplay, classes, callback}) {
     return (
-        <button className="button">
+        <button className={classes} onClick={callback}>
             {textToDisplay}
         </button>
     )

client/src/components/LinkAsButton/index.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Link } from 'react-router-dom';
+
+function LinkAsButton({textToDisplay, classes, pathToRedicrect}) {
+    return (
+        <Link className={classes} to={pathToRedicrect}>
+            {textToDisplay}
+        </Link>
+    )
+}
+
+export default LinkAsButton

client/src/components/LinkAsButton/test.js

@@ -0,0 +1,8 @@
+import { render, screen } from '@testing-library/react';
+import LinkAsButton from '.';
+
+test('renders learn react link', () => {
+  render(<LinkAsButton />);
+  const linkElement = screen.getByText(/learn react/i);
+  expect(linkElement).toBeInTheDocument();
+});