matches: add animation, add suspense for table, add no-image image

src/app/styles/pages-styles.scss

@@ -4457,9 +4457,10 @@
 				padding: 15px;
 				height: calc(16vh - 12px);
 				cursor: pointer;
-				display: flex;
 				justify-content: space-between;
 				opacity: 0.75;
+				display: flex;
+				gap: 10px;
 
 				&:hover {
 					transform: translateY(-2px);
@@ -4497,10 +4498,12 @@
 				max-height: 80%;
 				min-height: 50px;
 				height: 100%;
+				position: relative;
 
 				img {
-					height: 100%;
+					height: 100% !important;
 					border-radius: 8px;
+					width: auto !important;
 				}
 			}
 
@@ -4662,6 +4665,7 @@
 		&-image {
 			width: 300px;
 			height: 200px;
+			position: relative;
 
 			img {
 				width: 100%;
@@ -4727,6 +4731,7 @@
 
 		&-case {
 			padding: 10px;
+			position: relative;
 
 			&:first-child {
 				border-bottom: 1px solid rgb(226, 232, 240);
@@ -4763,6 +4768,12 @@
 			border-color: #6366f1;
 			box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
 		}
+
+		&-wrapper {
+			display: flex;
+			flex-direction: column;
+			margin-bottom: 10px;
+		}
 	}
 
 	.note-form-flex {
@@ -4789,6 +4800,10 @@
 			border-color: #6366f1;
 			box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
 		}
+
+		&::placeholder {
+			font-size: 12px;
+		}
 	}
 
 	.note-case-label {
@@ -5389,6 +5404,7 @@
 		border-radius: 10px;
 		box-shadow: 0 1px 2px #0000000d;
 		color: v.$p-color;
+		cursor: pointer;
 
 		.icon {
 			width: 18px;
@@ -5414,6 +5430,7 @@
 			padding: 0.25rem 0.75rem;
 			border-radius: 10px;
 			color: v.$p-color;
+			cursor: pointer;
 
 			&:disabled {
 				opacity: 0.5;