doc: fix a typo and improve variable naming in hooks.md (#2615)(by @Chinteyley)

Corrected a typo in the hook description and updated variable name for clarity.

Author: Chinteyley

website/docs/hooks.md

@@ -90,15 +90,15 @@ const SheetContent = () => {
 
 ## useBottomSheetScrollableCreator
 
-A custom hook that creates a scrollable component for third-party libraries like `LegendList` or `FlashList` to integrate the interaction and scrolling behaviors with th BottomSheet component.
+A custom hook that creates a scrollable component for third-party libraries like `LegendList` or `FlashList` to integrate the interaction and scrolling behaviors with the BottomSheet component.
 
 ```tsx
 import React from 'react';
 import BottomSheet, { useBottomSheetScrollableCreator } from '@gorhom/bottom-sheet';
 import { LegendList } from '@legendapp/list';
 
 const SheetContent = () => {
-  const BottomSheetScrollable = useBottomSheetScrollableCreator();
+  const BottomSheetLegendListScrollable = useBottomSheetScrollableCreator();
   return (
     <BottomSheet>
       <LegendList