refactor: enhance GitHub icon rendering in CreateOptions component (kubestellar#2246)

* refactor: enhance GitHub icon rendering in CreateOptions component

Signed-off-by: Khushi Agrawal <149886195+khushiiagrawal@users.noreply.github.com>

* refactor: replace span with Box

---------

Signed-off-by: Khushi Agrawal <149886195+khushiiagrawal@users.noreply.github.com>

Author: khushiiagrawal

frontend/src/components/CreateOptions.tsx

@@ -933,9 +933,19 @@ spec:
               label={t('workloads.tabs.github')}
               value="option3"
               icon={
-                <Suspense fallback={<span />}>
-                  <GitHubIcon />
-                </Suspense>
+                <Box
+                  sx={{
+                    display: 'inline-flex',
+                    width: '24px',
+                    height: '24px',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                  }}
+                >
+                  <Suspense fallback={<span />}>
+                    <GitHubIcon />
+                  </Suspense>
+                </Box>
               }
               iconPosition="start"
             />