fixing some errors

src/App.css

@@ -45,3 +45,10 @@
 .read-the-docs {
   color: #888;
 }
+
+#root {
+  width: 100vw; /* 100% of viewport width */
+  height: 100vh; /* 100% of viewport height */
+  padding: 0;
+  margin: 0;
+}

src/components/TabBar.tsx

@@ -4,13 +4,11 @@ interface Props {
   name: string;
 }
 
-const TabBar: React.FC<Props> = ({ name }) => {
+const TabBar: React.FC<Props> = ({ }) => {
+
+
   return(
-    <div role="tablist" className="tabs tabs-boxed">
+    <h1>hello</h1>
-  <a role="tab" className="tab">Tab 1</a>
-  <a role="tab" className="tab tab-active">Tab 2</a>
-  <a role="tab" className="tab">Tab 3</a>
-</div>
   );
 };