Implement note rules

So we may specify regex rules to map to notes

frontend/src/components/SignatureListItem.tsx

@@ -117,9 +117,13 @@ export const SignatureListItem = ({ signature, onDelete, onUpdate }: SignatureLi
 								)}
 							</h3>
 							{signature.note && (
-								<Badge variant="outline" className="bg-blue-900/50 text-blue-200 border-blue-500 px-2 py-0.5 text-sm font-semibold ml-2">
-									{signature.note}
-								</Badge>
+								<div className="flex flex-wrap gap-1 ml-2">
+									{signature.note.split(';').filter(Boolean).map((note, index) => (
+										<Badge key={index} variant="outline" className="bg-blue-900/50 text-blue-200 border-blue-500 px-2 py-0.5 text-sm font-semibold">
+											{note.trim()}
+										</Badge>
+									))}
+								</div>
 							)}
 						</div>
 					</div>