feat(content): qwik update PageTitle.tsx (#224)

* Update PageTitle.tsx

The API changed since this example was added. See QwikDev/qwik#3215 and https://qwik.dev/docs/components/tasks/#usevisibletask

* Change all occurrences of useClientEffect$

content/2-templating/5-dom-ref/qwik/InputFocused.tsx

@@ -1,9 +1,9 @@
-import { component$, useClientEffect$, useRef } from "@builder.io/qwik";
+import { component$, useVisibleTask$, useRef } from "@builder.io/qwik";
 
 export const InputFocused = component$(() => {
   const inputElement = useRef(null);
 
-  useClientEffect$(() => inputElement.current.focus());
+  useVisibleTask$(() => inputElement.current.focus());
 
   return <input type="text" ref={inputElement} />;
 });

content/3-lifecycle/1-on-mount/qwik/PageTitle.tsx

@@ -1,11 +1,11 @@
-import { component$, useClientEffect$, useStore } from "@builder.io/qwik";
+import { component$, useVisibleTask$, useStore } from "@builder.io/qwik";
 
 export const App = component$(() => {
   const store = useStore({
     pageTitle: "",
   });
 
-  useClientEffect$(() => {
+  useVisibleTask$(() => {
     store.pageTitle = document.title;
   });
 

content/3-lifecycle/2-on-unmount/qwik/Time.tsx

@@ -1,11 +1,11 @@
-import { component$, useClientEffect$, useStore } from "@builder.io/qwik";
+import { component$, useVisibleTask$, useStore } from "@builder.io/qwik";
 
 export const App = component$(() => {
   const store = useStore({
     time: new Date().toLocaleTimeString(),
   });
 
-  useClientEffect$(() => {
+  useVisibleTask$(() => {
     const timer = setInterval(() => {
       store.time = new Date().toLocaleTimeString();
     }, 1000);