Unify the logic of Buttons and Windows in Main dir

I struggled to add the `Webrings` button earlier
So that warranted a much-needed revisit of the logic

src/Main/Windows/Content/Support.tsx

@@ -0,0 +1,34 @@
+import React from "react";
+import Translatable from "#parts/Translatable.tsx";
+import ButtonLink from "#parts/ButtonLink.tsx";
+
+export default function Support() {
+  return (
+    <div className="pb-2" key="support">
+      <p>
+        <b>
+          <Translatable
+            en={"Thank you for wanting to support me!"}
+            fr={"Déjà, merci de vouloir me soutenir !"}
+          />
+        </b>
+      </p>
+      <br/>
+      <Translatable
+        en={<p>If you like what I do, donating some money would allow me to do even more without worrying <i>too much</i> about spending money for that purpose.</p>}
+        fr={<p>Si vous aimez ce que je fais, me donner un peu d'argent me permettrait de faire encore plus sans <i>trop</i> me soucier de dépenser de l'argent pour ça.</p>}
+      />
+      <br/>
+      <p>
+        <Translatable
+          en={"Only if you want and can, you may go on my Ko-fi page to give me some monetary support:"}
+          fr={"Seulement si vous le souhaitez et le pouvez, alors vous pouvez aller sur ma page Ko-fi afin de me faire un petit don d'argent :"}
+        />
+      </p>
+      <Translatable
+        en={<ButtonLink link="https://ko-fi.com/taevas" text="Support me on Ko-fi!" />}
+        fr={<ButtonLink link="https://ko-fi.com/taevas" text="Soutenez-moi sur Ko-fi !"/>}
+      />
+    </div>
+  );
+}