Add stuff to projects page

src/Globals.css

@@ -4,3 +4,7 @@ body {
   font-family: 'Ubuntu', sans-serif;
   @apply bg-[rgb(16,16,24)] text-white select-none;
 }
+
+::-webkit-scrollbar {
+  @apply hidden;
+}

src/projectmanager/routes/Projects.css

@@ -0,0 +1,17 @@
+@import 'tailwindcss';
+
+.topbar {
+  @apply bg-[rgb(24,24,36)] m-2 p-2 border border-[rgb(48,48,72)] rounded-lg justify-center mx-auto w-fit flex gap-2;
+}
+
+.topbar button {
+  @apply bg-[rgb(54,54,72)] hover:bg-[rgb(72,72,96)] border border-[rgb(72,72,96)] hover:border-[rgb(96,96,128)] m-1 p-2 rounded-lg transition-colors cursor-pointer;
+}
+
+.content {
+  @apply w-[584px] h-[408px] bg-[rgb(24,24,36)] border border-[rgb(48,48,72)] rounded-lg items-start flex flex-col m-2 p-1 overflow-auto;
+}
+
+.content .entry {
+  @apply bg-[rgb(54,54,72)] w-[566px] hover:bg-[rgb(72,72,96)] border border-[rgb(72,72,96)] hover:border-[rgb(96,96,128)] m-1 p-2 rounded-lg transition-colors cursor-pointer;
+}

src/projectmanager/routes/Projects.tsx

@@ -1,7 +1,14 @@
+import './Projects.css'
+
 export default function Projects () {
   return (
     <>
-      <p>Projects</p>
+      <div className='topbar'>
+        <button>New Project</button>
+        <button>Open</button>
+        <button>Clone Repository</button>
+      </div>
+      <div className='content'></div>
     </>
   )
 }