fix: show tutorial button directly in mobile DNS row

Putting "آموزش" only inside the DNS management modal wasn't enough -
mobile users expect a direct button next to "مدیریت DNS", same as
the desktop row already has.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

src/pages/profile/section/components/ConfigItem.tsx

@@ -281,12 +281,25 @@ const ConfigItem = ({
           </div>
           <div className="w-full md:hidden flex flex-row-reverse gap-2 justify-end items-stretch">
             {isDns && (
-              <Button
-                extra="!m-0 flex-1 !px-2 !py-2 shadow-md !font-bold text-sm whitespace-nowrap"
-                onClick={() => setIsOpenDnsModal(true)}
-              >
-                مدیریت DNS
-              </Button>
+              <>
+                <Button
+                  extra="!m-0 flex-1 !px-2 !py-2 shadow-md !font-bold text-sm whitespace-nowrap"
+                  onClick={() => setIsOpenDnsModal(true)}
+                >
+                  مدیریت DNS
+                </Button>
+                <Button
+                  extra="!m-0 flex-1 !px-2 !py-2 shadow-md !font-bold !text-black text-sm whitespace-nowrap"
+                  onClick={() => {
+                    if (categoryId) {
+                      dispatch(setCategoryId(categoryId));
+                      navigate("/tutorial");
+                    }
+                  }}
+                >
+                  آموزش
+                </Button>
+              </>
             )}
             {!isDns && (
               <Button