Bruder mit Aggressionsproblemen wird vom Vater bekräftigt?

Mein kleiner Bruder (9) hat nahezu täglich Wutausbrüche und wird generell schnell aggressiv. Die kleinsten Dinge sorgen bei ihm für stundenlanges (nicht übertrieben) Geschrei, Beleidigungen und wie er uns alle verkloppen wird.

Während diesen Anfällen attackiert mein Bruder meistens meine Mutter, da mein Vater bei sowas etwas gröber ist, da er es so von seinen Eltern kennt. Meine Mutter blockt nur die Schläge und Tritte ab, kann aber selber nichts umsetzen, da mein Vater, egal was ist, immer die Seite von meinem Bruder nimmt.

Heute hatte mein Bruder mal wieder einen dieser Anfälle, und nachdem meine Mutter ihm seine Donald-Duck-Bücher wegnahm, probierte er natürlich, sie aus dem Schlafzimmer zu holen. Meine Mutter stellte sich also vor die Tür und erklärt ihm ruhig, dass und warum er sie heute nicht wiederkriegen wird.
Daraufhin fängt er an, sie zu beleidigen, zu treten/schlagen, und uns allen zu drohen. Er nimmt sich also eine von seinen Hosen und schlägt damit nach meiner Mutter.

Das ganze geht ca. 20 Minuten so, dann fragt meine Mutter meinen Vater, der die ganze Zeit nur zugeguckt hat, ob er nicht auch mal was sagen könnte. Der sagt allerdings auch nur, dass er nicht versteht, was das jetzt wieder soll, und das er nicht findet, dass man ihm die Bücher wegnehmen sollte.

Mein Bruder erzählt ihm, meine Mutter hätte ihn getreten, (hat sie nicht, sie hat nur ihr Bein vor sich angezogen, um die Hose abzuwehren) er glaubt ihm und behauptet, sie hätte uns frühere immer blaue Flecken verpasst (mal wieder gelogen).

Was könnte man machen, damit hier alle mal wieder runterkommen?

Familie, Angst, Beziehung, Eltern, Gewalt, Aggression, aggressiv, Bruder, Streit, Angriff
Wie React Icons ausfüllen / Alternative?

In meiner React Component (siehe unten) ist leider das Icon ArrowUpCircleSharp von "react-icons" innen unausgefüllt was nicht schön aussieht wenn es sich über Text und Bilder bewegt, andere Icons wie von FontAwesome Material Icons haben das gleiche Problem. Ich habe es versucht mit den Props Stroke, Fill und mit CSS background, ändert aber nur das Schwarze außen und nicht innerhalb vom Icon.
Was kann ich tun ? Will jetzt nicht umbedingt eine ganze Library einbinden für das Icon, bei react-icons hab ich den Vorteil das es nur die benutzen auch wirklich nutzt,

'use client';
import { useEffect, useState } from "react";
import "../.././assets/styles/components/ScrollToTop/ScrollToTop.scss";
import { IoArrowUpCircleSharp} from "react-icons/io5";


export const ScrollToTop = () => {

const [ScrollY,setScrollY] = useState<number>(0);

useEffect(() => {
    window.addEventListener("scroll",() => setScrollY(document.documentElement.scrollTop))

    return () => {
        window.addEventListener("scroll",() => setScrollY(document.documentElement.scrollTop))
    }
}, [ScrollY])

    return(

        <div
            onClick={()=>{ScrollY > 100 ?
            window.scrollTo({
                behavior : "smooth",
                left : 0,
                top : 0})
            :
            window.scrollTo({
                behavior : "smooth",
                left : 0,
                top : document.body.scrollHeight});
            }}
        className={`ScrollToTop ${ScrollY > 100 ? " ScrollToTop_Up" : "ScrollToTop_Down"}`}>
                <IoArrowUpCircleSharp/>
        </div>
    )
}
Bild zum Beitrag
App, HTML, Webseite, programmieren, CSS, JavaScript, Informatik, Programmiersprache, Webentwicklung, Frontend, React, node