[questions][feat] add homepage layout (#312)

* [questions][feat] add homepage layout

* [questions][fix] fix rebase errors

* [questions][fix] startAddOn for search bar

* [questions][feat] add nav bar

* [questions][chore]Remove margins

* [questions][feat] add filter section

* [questions][ui] change filter section alignment

* [questions][ui]Search bar in one row

* [questions][ui] Contribute questions dialog

* [questions][ui] wording changes

Co-authored-by: Jeff Sieu <jeffsy00@gmail.com>

apps/portal/src/components/questions/ui-patch/Checkbox.tsx

@@ -0,0 +1,25 @@
+import { useId } from 'react';
+
+export type CheckboxProps = {
+  checked: boolean;
+  label: string;
+  onChange: (checked: boolean) => void;
+};
+
+export default function Checkbox({ label, checked, onChange }: CheckboxProps) {
+  const id = useId();
+  return (
+    <div className="flex items-center">
+      <input
+        checked={checked}
+        className="text-primary-600 focus:ring-primary-500 h-4 w-4 rounded border-gray-300"
+        id={id}
+        type="checkbox"
+        onChange={(event) => onChange(event.target.checked)}
+      />
+      <label className="ml-3 min-w-0 flex-1 text-gray-700" htmlFor={id}>
+        {label}
+      </label>
+    </div>
+  );
+}