fix(APP-559): Adjust UI for Advanced Gov Designer gating (#1071)

* feat: Gate governance designer advanced option with availability check and empty states

* test: Add hook integration tests for advanced governance availability

* chore: UI cleanup, gate logic, debug toggle

* chore: include changeset

* chore: update UI to design review spec

* chore: include empty changeset

* chore: adjust UI to notes

* chore: include empty changeset

* chore: restore radio cards

Author: thekidnamedkd

.changeset/little-needles-sniff.md

@@ -0,0 +1,2 @@
+---
+---

src/assets/locales/en.json

@@ -918,11 +918,9 @@
           },
           "type": {
             "ADVANCED": {
-              "description": "Proposals advance across multiple stages.",
               "label": "Advanced"
             },
             "BASIC": {
-              "description": "Proposals are decided on by a single body.",
               "label": "Basic"
             },
             "helpText": "This determines the amount of control and flexibility you need to design your governance process.",

src/modules/createDao/components/createProcessForm/createProcessFormGovernance/createProcessFormGovernance.tsx

@@ -70,7 +70,7 @@ export const CreateProcessFormGovernance: React.FC<
           };
 
     return (
-        <div className="flex w-full flex-col gap-10">
+        <div className="flex w-full flex-col gap-4 md:gap-6">
             <RadioGroup
                 className="w-full gap-4 md:flex-row [&>*]:min-w-0 [&>*]:flex-1"
                 helpText={t(
@@ -81,18 +81,12 @@ export const CreateProcessFormGovernance: React.FC<
                 {...governanceTypeField}
             >
                 <RadioCard
-                    description={t(
-                        'app.createDao.createProcessForm.governance.type.BASIC.description',
-                    )}
                     label={t(
                         'app.createDao.createProcessForm.governance.type.BASIC.label',
                     )}
                     value={GovernanceType.BASIC}
                 />
                 <RadioCard
-                    description={t(
-                        'app.createDao.createProcessForm.governance.type.ADVANCED.description',
-                    )}
                     label={t(
                         'app.createDao.createProcessForm.governance.type.ADVANCED.label',
                     )}

src/modules/createDao/components/createProcessForm/createProcessFormGovernance/fields/governanceStagesField/governanceStagesField.tsx

@@ -69,9 +69,9 @@ export const GovernanceStagesField: React.FC<IGovernanceStagesFieldProps> = (
                             )}
                         </p>
                     </div>
-                    <div className="flex size-20 shrink-0 items-center justify-center rounded-full bg-neutral-50 md:size-28">
+                    <div className="flex size-24 shrink-0 items-center justify-center rounded-full bg-neutral-50">
                         <IllustrationObject
-                            className="size-14 md:size-24"
+                            className="size-[5.25rem]"
                             object="SECURITY"
                         />
                     </div>