Allow resizing window

src/app/Globals.css

@@ -111,7 +111,7 @@ body {
 }
 
 .popup-box {
-  @apply relative w-[60vw] h-[80vh] rounded-lg bg-(--col1) border border-(--col3) flex flex-col p-6;
+  @apply relative w-[600px] h-[480px] rounded-lg bg-(--col1) border border-(--col3) flex flex-col p-6;
 }
 
 .popup-content {

src/app/Installs.css

@@ -5,7 +5,7 @@
 }
 
 .downloads-scroll {
-  @apply h-[515px] bg-(--col1) border border-(--col3) rounded-lg overflow-y-auto w-full;
+  @apply h-[calc(100vh-80px)] bg-(--col1) border border-(--col3) rounded-lg overflow-y-auto w-full;
 }
 
 .downloads-entry {

src/app/componets/Sidebar.tsx

@@ -34,7 +34,7 @@ export default function Sidebar () {
   return (
     <aside className='sidebar'>
       <div
-        className='dragarea'
+        data-tauri-drag-region
         style={{
           height: '30px',
           width: 'calc(var(--spacing) * 60)',
@@ -46,9 +46,6 @@ export default function Sidebar () {
           display: platform() == 'macos' ? 'block' : 'none',
           pointerEvents: 'auto'
         }}
-        onMouseDown={() => {
-          getCurrentWindow().startDragging()
-        }}
       ></div>
       <div className='logo'>
         <Image