Created the Chooser.jsx page

src/states/Manage/pages/Chooser/Chooser.jsx

@@ -0,0 +1,34 @@
+import "./styles.sass";
+import {useContext} from "react";
+import {GuildContext} from "@/states/Manage/contexts/GuildProvider";
+import SheepstarImage from "@/common/images/sheepstar.png";
+import Button from "@/common/components/Button/index.js";
+
+export const Chooser = () => {
+    const guilds = useContext(GuildContext);
+
+    return (
+        <div className="chooser-page">
+
+            <div className="chooser-header">
+                <img src={SheepstarImage}/>
+                <h1>Sheepstar</h1>
+                <hr/>
+                <h2>Server Chooser</h2>
+            </div>
+
+            <div className="guilds">
+                {guilds.map((guild) => (
+                    <div className="guild">
+                        <div className="info-area">
+                            <img src={`https://cdn.discordapp.com/icons/${guild.id}/${guild.icon}.png`} alt="guild-icon"/>
+                            <h1>{guild.name}</h1>
+                        </div>
+
+                        <Button size="large" onClick={() => {}}>Manage</Button>
+                    </div>
+                ))}
+            </div>
+        </div>
+    );
+}