fix: assignment file bleeding across assignments and broken X button

Co-authored-by: pateljannat <31363128+pateljannat@users.noreply.github.com>

frontend/src/components/Assignment.vue

@@ -281,7 +281,6 @@ const submissionResource = createDocumentResource({
 
 watch(submissionResource, () => {
 	if (!submissionResource.doc) return
-	console.log(submissionResource.doc)
 	if (submissionResource.doc.answer) {
 		answer.value = submissionResource.doc.answer
 	}
@@ -405,7 +404,7 @@ const getType = () => {
 
 const removeSubmission = () => {
 	isDirty.value = true
-	submissionResource.doc.assignment_attachment = ''
+	attachment.value = null
 }
 
 const canGradeSubmission = computed(() => {

frontend/src/pages/AssignmentSubmission.vue

@@ -7,6 +7,7 @@
 	</header>
 	<div class="overflow-hidden h-[calc(100vh-3.2rem)]">
 		<Assignment
+			:key="assignmentID + '_' + submissionName"
 			:assignmentID="assignmentID"
 			:submissionName="submissionName"
 			:showTitle="!fromLesson"