Fix unblocking domain from blocked domains column does not update the list (#38882)

app/javascript/mastodon/components/domain.tsx

@@ -9,12 +9,14 @@ import { Button } from './button';
 
 export const Domain: React.FC<{
   domain: string;
-}> = ({ domain }) => {
+  onUnblock?: (domain: string) => void;
+}> = ({ domain, onUnblock }) => {
   const dispatch = useAppDispatch();
 
   const handleDomainUnblock = useCallback(() => {
     dispatch(unblockDomain(domain));
-  }, [dispatch, domain]);
+    onUnblock?.(domain);
+  }, [dispatch, domain, onUnblock]);
 
   return (
     <div className='domain'>

app/javascript/mastodon/features/domain_blocks/index.tsx

@@ -62,6 +62,10 @@ const Blocks: React.FC<{ multiColumn: boolean }> = ({ multiColumn }) => {
     columnRef.current?.scrollTop();
   }, []);
 
+  const handleUnblock = useCallback((domain: string) => {
+    setDomains((prev) => prev.filter((d) => d !== domain));
+  }, []);
+
   const emptyMessage = (
     <FormattedMessage
       id='empty_column.domain_blocks'
@@ -95,7 +99,7 @@ const Blocks: React.FC<{ multiColumn: boolean }> = ({ multiColumn }) => {
         bindToDocument={!multiColumn}
       >
         {domains.map((domain) => (
-          <Domain key={domain} domain={domain} />
+          <Domain key={domain} domain={domain} onUnblock={handleUnblock} />
         ))}
       </ScrollableList>