feat: use radio instead of dropdown button for add post form

src/containers/AddPostForm.jsx

 import React, { useState } from "react";
 
 import { addPost, addProposal } from "actions/posts";
-import { DropdownButton, DropdownButtonItem } from "components/dropdown-button";
+import Button from "components/Button";
 import ErrorMessage from "components/ErrorMessage";
 import MarkdownEditor from "components/mde/MarkdownEditor";
 import { useActionState } from "hooks";
@@ -39,17 +39,6 @@ const AddPostForm = ({ className }) => {
     }
   };
 
-  const setTypePost = (evt) => {
-    evt.preventDefault();
-    evt.stopPropagation();
-    setType("post");
-  };
-  const setTypeProposal = (evt) => {
-    evt.preventDefault();
-    evt.stopPropagation();
-    setType("procedure-proposal");
-  };
-
   return (
     <div className={className}>
       {addingPostError && (
@@ -62,6 +51,29 @@ const AddPostForm = ({ className }) => {
           Při přidávání příspěvku došlo k problému: {addingProposalError}.
         </ErrorMessage>
       )}
+
+      <div className="form-field" onChange={(evt) => setType(evt.target.value)}>
+        <div className="form-field__wrapper">
+          <div className="radio form-field__control">
+            <label>
+              <input type="radio" name="type" value="post" defaultChecked />
+              <span>
+                Přidat <strong>běžný příspěvek</strong>
+              </span>
+            </label>
+          </div>
+
+          <div className="radio form-field__control">
+            <label>
+              <input type="radio" name="type" value="procedure-proposal" />
+              <span>
+                Přidat <strong>návrh postupu</strong>
+              </span>
+            </label>
+          </div>
+        </div>
+      </div>
+
       <MarkdownEditor
         value={text}
         onChange={onTextInput}
@@ -79,30 +91,16 @@ const AddPostForm = ({ className }) => {
       />
 
       <div className="space-x-4">
-        <DropdownButton
+        <Button
           onClick={onAdd}
           disabled={addingPost || addingProposal}
           loading={addingPost || addingProposal}
           fullwidth
-          items={
-            <>
-              {type === "post" && (
-                <DropdownButtonItem onClick={setTypeProposal}>
-                  Navrhnout postup
-                </DropdownButtonItem>
-              )}
-              {type === "procedure-proposal" && (
-                <DropdownButtonItem onClick={setTypePost}>
-                  Přidat příspěvek
-                </DropdownButtonItem>
-              )}
-            </>
-          }
           hoverActive
         >
           {type === "post" && "Přidat příspěvek"}
           {type === "procedure-proposal" && "Navrhnout postup"}
-        </DropdownButton>
+        </Button>
 
         <span className="text-sm text-grey-200 hidden lg:inline">
           Pro pokročilejší formátování můžete používat{" "}