fix(tangle-dapp): Enable button only when there's an account

apps/tangle-dapp/app/liquid-staking/page.tsx

@@ -30,6 +30,7 @@ import LsMyProtocolsTable from '../../containers/LsMyProtocolsTable';
 import { LsProtocolsTable } from '../../containers/LsPoolsTable';
 import useNetworkStore from '../../context/useNetworkStore';
 import { useLsStore } from '../../data/liquidStaking/useLsStore';
+import useIsAccountConnected from '../../hooks/useIsAccountConnected';
 import useNetworkSwitcher from '../../hooks/useNetworkSwitcher';
 import useSearchParamState from '../../hooks/useSearchParamState';
 import getLsTangleNetwork from '../../utils/liquidStaking/getLsTangleNetwork';
@@ -61,6 +62,7 @@ const LiquidStakingPage: FC = () => {
     isStaking: isStakingInStore,
   } = useLsStore();
 
+  const isAccountConnected = useIsAccountConnected();
   const { network } = useNetworkStore();
   const { switchNetwork } = useNetworkSwitcher();
   const [isCreatePoolModalOpen, setIsCreatePoolModalOpen] = useState(false);
@@ -205,6 +207,7 @@ const LiquidStakingPage: FC = () => {
               onClick={() => setIsCreatePoolModalOpen(true)}
               variant="utility"
               size="sm"
+              isDisabled={!isAccountConnected}
               rightIcon={
                 <AddLineIcon className="fill-current dark:fill-current" />
               }

apps/tangle-dapp/containers/LsMyProtocolsTable.tsx

@@ -157,6 +157,7 @@ const LsMyProtocolsTable: FC = () => {
   const substrateAddress = useSubstrateAddress();
   const [sorting, setSorting] = useState<SortingState>([]);
   const { lsNetworkId } = useLsStore();
+  const lsPools = useLsPools();
 
   const lsNetwork = getLsNetwork(lsNetworkId);
 
@@ -170,8 +171,6 @@ const LsMyProtocolsTable: FC = () => {
     [],
   );
 
-  const lsPools = useLsPools();
-
   const myPools: LsMyPoolRow[] = useMemo(() => {
     if (substrateAddress === null || !(lsPools instanceof Map)) {
       return [];