show grid lines by default in studio (#10500)

packages/ui/src/components/editor/panels/Viewport/tools/GridTool.tsx

@@ -23,7 +23,7 @@ All portions of the code written by the Ethereal Engine team are Copyright © 20
 Ethereal Engine. All Rights Reserved.
 */
 
-import React from 'react'
+import React, { useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
 
 import { getMutableState, useHookstate } from '@etherealengine/hyperflux'
@@ -42,6 +42,12 @@ const GridTool = () => {
     rendererState.gridVisibility.set(!rendererState.gridVisibility.value)
   }
 
+  useEffect(() => {
+    if (!rendererState.gridVisibility.value) {
+      rendererState.gridVisibility.set(true)
+    }
+  }, [])
+
   return (
     <div className="flex items-center bg-theme-surfaceInput">
       <Button