Made the sidebar not be attached to the edges of the screen

idk how to explain the changes but imo it looks better now

src/app/projectmanager/components/Sidebar.css

@@ -1,7 +1,8 @@
 @import "tailwindcss";
 
 .sidebar {
-  @apply w-50 h-screen bg-[rgb(24,24,36)] flex flex-col items-center justify-start border-r border-r-[rgb(48,48,72)] z-1 rounded-r-[12px];
+  @apply w-50 h-[calc(100vh_-_15px)] m-2 bg-[rgb(24,24,36)] flex flex-col items-center justify-start;
+  @apply border border-[rgb(48,48,72)] z-1 rounded-lg;
 }
 
 .sidebar a {

src/app/projectmanager/packages/ProjecftManager_packages.css

@@ -1,9 +1,9 @@
 @import "tailwindcss";
 
 .package-list {
-  @apply bg-[rgb(24,24,36)] m-2 p-2 border border-[rgb(48,48,72)];
-  @apply rounded-lg justify-center mx-auto w-fit flex gap-2;
-  @apply w-145 h-121;
+  @apply bg-[rgb(24,24,36)] mt-2 p-2 border border-[rgb(48,48,72)];
+  @apply rounded-lg gap-2;
+  @apply w-144.5 h-121;
 }
 
 .package-list button {

src/app/projectmanager/projects/ProjecftManager_projects.css

@@ -9,7 +9,7 @@
 }
 
 .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;
+  @apply w-[578px] h-[408px] bg-[rgb(24,24,36)] border border-[rgb(48,48,72)] rounded-lg items-start flex flex-col ml-0 p-1 overflow-auto;
 }
 
 .content .entry {