Lay out new components

Author: JackTench

src/app/converter.tsx

@@ -1,5 +1,7 @@
 import React, { useState } from "react";
 
+import { Button } from "@/components/ui/button";
+import { FileUpload } from "@/components/ui/file-upload";
 import init, { convert } from "@libresplit/libresplit-converter";
 import wasmUrl from "@libresplit/libresplit-converter/libresplit_converter_bg.wasm?url";
 
@@ -48,5 +50,12 @@ export function Converter() {
     URL.revokeObjectURL(url);
   };
 
-  return <p>Placeholder page for converter.</p>;
+  return (
+    <div className="-mt-20 flex h-screen w-screen flex-col items-center justify-center">
+      <Button>Convert</Button>
+      <div className="px-8">
+        <FileUpload />
+      </div>
+    </div>
+  );
 }