fix violation table styles

src/app/ui/file-page/violation-table/case-legal.tsx

@@ -80,20 +80,25 @@ export default function CaseViolation({ selectedViolation, updateStatusHandler }
 							className="note-form-flex"
 						>
 							<section
-								className="note-form-group"
+								className="note-form-section"
 							>
-								<label
-									className="note-case-label"
-									htmlFor="caseTitle"
+								<div
+									className="note-form-group"
 								>
-									{t('case-name')}
-								</label>
-								<input
-									type="text"
-									name="caseTitle"
-									className="note-case-input"
-									placeholder={t('fill-title-of-the-case') + '...'}
-								/>
+									<label
+										className="note-case-label"
+										htmlFor="caseTitle"
+									>
+										{t('case-name')}
+									</label>
+									<input
+										type="text"
+										name="caseTitle"
+										className="note-case-input"
+										placeholder={t('fill-title-of-the-case') + '...'}
+									/>
+								</div>
+
 								{state?.errorMessage?.caseTitle && (
 									<p
 										className="text-sm text-red-500"
@@ -112,20 +117,25 @@ export default function CaseViolation({ selectedViolation, updateStatusHandler }
 								)}
 							</section>
 							<section
-								className="note-form-group"
+								className="note-form-section"
 							>
-								<label
-									className="note-case-label"
-									htmlFor="amount"
+								<div
+									className="note-form-group"
 								>
-									{t('amount-of-damage')}
-								</label>
-								<input
-									type="number"
-									name="amount"
-									className="note-case-input"
-									placeholder={t('enter-the-amount-of-damage') + '...'}
-								/>
+									<label
+										className="note-case-label"
+										htmlFor="amount"
+									>
+										{t('amount-of-damage')}
+									</label>
+									<input
+										type="number"
+										name="amount"
+										className="note-case-input"
+										placeholder={t('enter-the-amount-of-damage') + '...'}
+									/>
+								</div>
+
 								{state?.errorMessage?.amount && (
 									<p
 										className="text-sm text-red-500"
@@ -146,21 +156,25 @@ export default function CaseViolation({ selectedViolation, updateStatusHandler }
 						</div>
 
 						<section
-							className="note-form-group"
+							className="note-form-section"
 						>
-							<label
-								className="note-case-label"
-								htmlFor="note"
+							<div
+								className="note-form-group"
 							>
-								{t('text-of-the-case')}
-							</label>
+								<label
+									className="note-case-label"
+									htmlFor="note"
+								>
+									{t('text-of-the-case')}
+								</label>
 
-							<textarea
-								name="note"
-								className="note-textarea"
-								placeholder={t('fill-text-of-the-case') + '...'}
-							>
-							</textarea>
+								<textarea
+									name="note"
+									className="note-textarea"
+									placeholder={t('fill-text-of-the-case') + '...'}
+								>
+								</textarea>
+							</div>
 
 							{state?.errorMessage?.textArea && (
 								<p