[frontend/components] Display filter name and blur it instead of filter keyword

Iceshrimp.Frontend/Components/Note/Note.razor

@@ -20,7 +20,8 @@
         @if (NoteResponse.Filtered is not null && NoteResponse.Filtered.Hide == false)
         {
             <div>
-                @Loc["This note contains the filter keyword '{0}'", NoteResponse.Filtered.Keyword]
+                @Loc["This note is hidden by your filter"]
+                <span class="filter-name">@NoteResponse.Filtered.Name</span>
                 <button
                     @onclick="@ShowNote"
                     @onclick:stopPropagation="true">

Iceshrimp.Frontend/Components/Note/Note.razor.css

@@ -11,3 +11,13 @@
 .user {
     color: var(--notice-color);
 }
+
+.filter-name {
+    filter: blur(0.2rem);
+    transition-duration: 0.2s;
+    transition-property: filter;
+}
+
+.filter-name:hover {
+    filter: blur(0);
+}