Added Upload component

- Updated Home component

frontend/src/app/upload/upload.component.html

@@ -1 +1,34 @@
-<p>upload works!</p>
+<div class="container mx-auto p-4 mt-4">
+  <h1 class="text-4xl font-bold text-center text-gray-800 mb-10">Upload Your File</h1>
+  <div class="bg-white shadow-lg rounded-lg p-6">
+    <div class="flex flex-col items-center justify-center">
+      <!-- File Drop Area -->
+      <div class="border-2 border-dashed border-gray-300 rounded-lg w-full p-20 flex flex-col items-center justify-center mb-6">
+        <img class="w-16 mb-3" src="./assets/cloud-arrow-up-solid.svg">
+        <p class="text-gray-700 mb-3">Drag and drop your files here or <span class="text-blue-600 cursor-pointer">browse</span></p>
+        <input type="file" class="hidden" />
+      </div>
+      <!-- Settings -->
+      <div class="w-full mb-10">
+        <label class="block text-gray-700 text-l font-bold mb-4">Options</label>
+        <div class="grid grid-cols-1 md:grid-cols-3 gap-4">
+          <div class="flex items-center">
+            <input type="checkbox" class="toggle" checked />
+            <span class="ml-2 text-gray-700">Store for only one hour</span>
+          </div>
+          <div class="flex items-center">
+            <input type="checkbox" class="toggle" />
+            <span class="ml-2 text-gray-700">Allow only one download</span>
+          </div>
+          <div class="flex items-center">
+            <input type="checkbox" class="toggle" />
+            <span class="ml-2 text-gray-700">Protect download with password</span>
+          </div>
+        </div>
+      </div>
+      <!-- Upload Button -->
+      <button class="btn btn-primary w-full max-w-xs">Upload Files</button>
+    </div>
+  </div>
+  <p class="text-gray-600 text-center mt-6">Drag and drop files, or click to select the files you want to share.</p>
+</div>