feat(app): add QuestionsSidebar (#392)

* feat(app): add QuestionsSidebar

* chore(app): remove clsx

* feat(app): add mobile action buttons

* refactor(app): change colors notation to oklch

* feat(app): add label to mobile action buttons

* feat(app): create questions page layout

* refactor(app): refactor shadows

* refactor(app): refactor LevelButton styles

* refactor(app): remove unused classes

* fix(app): fix z-index values

* refactor(app): close QuestionsSidebar by default

Co-authored-by: Michał Miszczyszyn <[email protected]>

Author: xStrixU

apps/app/public/icons/action-icon-add.svg

@@ -0,0 +1,16 @@
+import { ReactNode } from "react";
+import { Container } from "../../components/Container";
+import { MobileActionButtons } from "../../components/MobileActionButtons/MobileActionButtons";
+import { QuestionsSidebar } from "../../components/QuestionsSidebar/QuestionsSidebar";
+
+const QuestionsPageLayout = ({ children }: { readonly children: ReactNode }) => (
+	<>
+		<Container className="flex">
+			<QuestionsSidebar />
+			<main className="grow">{children}</main>
+		</Container>
+		<MobileActionButtons />
+	</>
+);
+
+export default QuestionsPageLayout;